{"id":657,"date":"2026-07-16T10:28:57","date_gmt":"2026-07-16T10:28:57","guid":{"rendered":"https:\/\/www.craag.dz\/eclipse2026\/?page_id=657"},"modified":"2026-07-20T15:47:14","modified_gmt":"2026-07-20T15:47:14","slug":"map","status":"publish","type":"page","link":"https:\/\/www.craag.dz\/eclipse2026\/ar\/map\/","title":{"rendered":"map"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"657\" class=\"elementor elementor-657\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c72c2e1 e-flex e-con-boxed e-con e-parent\" data-id=\"c72c2e1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-746e9bd e-con-full e-flex e-con e-parent\" data-id=\"746e9bd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ec3fa1 elementor-widget elementor-widget-html\" data-id=\"5ec3fa1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Importation des styles et scripts Leaflet -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\" \/>\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\r\n\r\n<style>\r\n    #map-eclipse-2026 {\r\n        height: 650px;\r\n        width: 100%;\r\n        border-radius: 12px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n        border: 2px solid #1a365d;\r\n    }\r\n    \r\n    .fixed-circle-marker {\r\n        border: 2px solid #ffffff;\r\n        border-radius: 50%;\r\n        box-shadow: 0 2px 6px rgba(0,0,0,0.4);\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        transition: transform 0.2s ease;\r\n    }\r\n    .fixed-circle-marker:hover {\r\n        transform: scale(1.4);\r\n        z-index: 9999 !important;\r\n    }\r\n    \r\n    \/* Styles des Tooltips \u00e9pur\u00e9s : texte blanc uniquement, sans fond noir ni bordure *\/\r\n    .wilaya-tooltip {\r\n        background: transparent !important;\r\n        border: none !important;\r\n        box-shadow: none !important;\r\n        color: #ffffff !important;\r\n        font-family: 'Segoe UI', sans-serif !important;\r\n        font-weight: bold !important;\r\n        font-size: 11px !important;\r\n        padding: 0 !important;\r\n        \/* Ombre port\u00e9e noire pour que le texte blanc reste parfaitement lisible sur l'imagerie satellite *\/\r\n        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0px 2px 4px rgba(0,0,0,0.8);\r\n    }\r\n    \/* Suppression compl\u00e8te de la petite fl\u00e8che du tooltip *\/\r\n    .wilaya-tooltip::before {\r\n        display: none !important;\r\n    }\r\n    \r\n    .color-low { background-color: #2ec4b6 !important; }        \r\n    .color-medium { background-color: #ffbf00 !important; }    \r\n    .color-high { background-color: #ff7b00 !important; }      \r\n    .color-dark-orange { background-color: #e85d04 !important; } \r\n    \r\n    .color-critical { \r\n        background-color: #d00000 !important; \r\n        box-shadow: 0 0 0 0 rgba(208, 0, 0, 0.7);\r\n        animation: pulse-red 2s infinite;\r\n        border: 2px solid #fff !important;\r\n    } \r\n\r\n    @keyframes pulse-red {\r\n        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(208, 0, 0, 0.7); }\r\n        70% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(208, 0, 0, 0); }\r\n        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(208, 0, 0, 0); }\r\n    }\r\n\r\n    .leaflet-popup-content-wrapper {\r\n        background: #111625 !important;\r\n        color: #ffffff !important;\r\n        font-family: 'Segoe UI', sans-serif;\r\n        border-radius: 10px;\r\n        border: 1px solid #ffb834;\r\n        padding: 5px;\r\n    }\r\n    \r\n    .leaflet-popup-content h3 {\r\n        margin: 0 0 8px 0;\r\n        color: #ffb834 !important;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        border-bottom: 2px solid #232d4b;\r\n        padding-bottom: 5px;\r\n    }\r\n    \r\n    .leaflet-popup-content p { margin: 6px 0 !important; font-size: 13px; }\r\n    \r\n    .leaflet-popup-content .obs-highlight {\r\n        background: rgba(255, 184, 52, 0.15);\r\n        padding: 4px 8px;\r\n        border-radius: 4px;\r\n        color: #ffb834;\r\n        font-weight: bold;\r\n        display: inline-block;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .leaflet-popup-content .alert-max {\r\n        background: rgba(208, 0, 0, 0.25);\r\n        border: 1px solid #d00000;\r\n        color: #ff4d4d;\r\n    }\r\n    \r\n    .leaflet-popup-tip { background: #111625 !important; border: 1px solid #ffb834; }\r\n    \r\n    .map-info-box {\r\n        background: #f7fafc;\r\n        padding: 12px 15px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n        margin-bottom: 15px;\r\n        font-family: 'Segoe UI', sans-serif;\r\n        font-size: 14px;\r\n        border-left: 5px solid #1a365d;\r\n        color: #2d3748;\r\n    }\r\n    .map-legend { display: flex; gap: 15px; margin-top: 10px; flex-wrap: wrap; }\r\n    .legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; }\r\n    .legend-color { width: 12px; height: 12px; border-radius: 50%; border: 1px solid #aaa; }\r\n    \/* Style pour le texte \"Alg\u00e9rie\" *\/\r\n.algerie-text-label {\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    color: #ffffff !important;\r\n    font-family: 'Segoe UI', sans-serif !important;\r\n    font-weight: 900 !important; \/* Tr\u00e8s gras *\/\r\n    font-size: 30px !important; \/* Taille importante *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    \/* Ombre port\u00e9e puissante pour fond satellite *\/\r\n    text-shadow: 0px 3px 6px rgba(0,0,0,0.8), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;\r\n    white-space: nowrap;\r\n    pointer-events: none; \/* Permet de cliquer \u00e0 travers le texte *\/\r\n    z-index: 600; \/* Entre la carte et les marqueurs *\/\r\n}\r\n\/* S'assurer que le marqueur fant\u00f4me est bien transparent *\/\r\n.transparent-marker {\r\n    background: transparent;\r\n    border: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"map-info-box\">\r\n    <strong>Carte interactive de l'\u00e9clipse solaire du 12 ao\u00fbt 2026 (CRAAG) :<\/strong> Visualisez le niveau d\u2019occultation solaire par wilaya. \ud83d\udd34 Les points rouges clignotants indiquent les zones pr\u00e9sentant une occultation sup\u00e9rieure \u00e0 95 % lors de l\u2019\u00e9clipse solaire du 12 ao\u00fbt 2026.\r\n    <div class=\"map-legend\">\r\n        <div class=\"legend-item\"><span class=\"legend-color color-low\"><\/span> 0% - 25%<\/div>\r\n        <div class=\"legend-item\"><span class=\"legend-color color-medium\"><\/span> 25% - 50%<\/div>\r\n        <div class=\"legend-item\"><span class=\"legend-color color-high\"><\/span> 50% - 75%<\/div>\r\n        <div class=\"legend-item\"><span class=\"legend-color color-dark-orange\"><\/span> 75% - 95%<\/div>\r\n        <div class=\"legend-item\"><span class=\"legend-color color-critical\"><\/span>  (>95%)<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div id=\"map-eclipse-2026\"><\/div>\r\n\r\n<script>\r\n    const map = L.map('map-eclipse-2026', {\r\n        zoomSnap: 0.1\r\n    }).setView([36.5, 3.5], 7.2); \r\n\r\n    \/\/ Utilisation du fond de carte Satellite Esri World Imagery\r\n    L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\r\n        attribution: 'CRAAG | Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community',\r\n        maxZoom: 13\r\n    }).addTo(map);\r\n\r\n    \/\/ Donn\u00e9es des wilayas\r\n    const eclipseData = [\r\n        {\"number\": 1, \"name\": \"Adrar\", \"lat\": 27.8797, \"lng\": -0.2921, \"debut\": \"18:57:33\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:41:10\", \"obscuration\": 69.3},\r\n        {\"number\": 2, \"name\": \"Chlef\", \"lat\": 36.1647, \"lng\": 1.3318, \"debut\": \"18:43:50\", \"max\": \"19:37:23\", \"fin\": \"19:47:20\", \"obscuration\": 96.8},\r\n        {\"number\": 3, \"name\": \"Laghouat\", \"lat\": 33.8, \"lng\": 2.8651, \"debut\": \"18:47:25\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:37:20\", \"obscuration\": 87.4},\r\n        {\"number\": 4, \"name\": \"Oum Bouaghi\", \"lat\": 35.8711, \"lng\": 7.1134, \"debut\": \"18:43:20\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:23:46\", \"obscuration\": 67.6},\r\n        {\"number\": 5, \"name\": \"Batna\", \"lat\": 35.555, \"lng\": 6.1741, \"debut\": \"18:44:02\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:26:58\", \"obscuration\": 73.3},\r\n        {\"number\": 6, \"name\": \"B\u00e9ja\u00efa\", \"lat\": 36.7511, \"lng\": 5.0643, \"debut\": \"18:42:22\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:33:25\", \"obscuration\": 93.2},\r\n        {\"number\": 7, \"name\": \"Biskra\", \"lat\": 34.8504, \"lng\": 5.7282, \"debut\": \"18:45:14\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:27:36\", \"obscuration\": 72.5},\r\n        {\"number\": 8, \"name\": \"B\u00e9char\", \"lat\": 31.6167, \"lng\": -2.2167, \"debut\": \"18:51:45\", \"max\": \"19:45:09\", \"fin\": \"19:54:17\", \"obscuration\": 86.6},\r\n        {\"number\": 9, \"name\": \"Blida\", \"lat\": 36.47, \"lng\": 2.829, \"debut\": \"18:43:08\", \"max\": \"19:36:23\", \"fin\": \"19:41:51\", \"obscuration\": 98.0},\r\n        {\"number\": 10, \"name\": \"Bouira\", \"lat\": 36.3713, \"lng\": 3.897, \"debut\": \"18:43:09\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:37:28\", \"obscuration\": 97.6},\r\n        {\"number\": 11, \"name\": \"Tamanrasset\", \"lat\": 22.785, \"lng\": 5.5228, \"debut\": \"19:03:46\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:11:06\", \"obscuration\": 3.8},\r\n        {\"number\": 12, \"name\": \"T\u00e9bessa\", \"lat\": 35.4014, \"lng\": 8.1242, \"debut\": \"18:43:49\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:18:57\", \"obscuration\": 55.5},\r\n        {\"number\": 13, \"name\": \"Tlemcen\", \"lat\": 34.8783, \"lng\": -1.315, \"debut\": \"18:46:13\", \"max\": \"19:40:10\", \"fin\": \"19:55:48\", \"obscuration\": 93.3},\r\n        {\"number\": 14, \"name\": \"Tiaret\", \"lat\": 35.371, \"lng\": 1.317, \"debut\": \"18:45:08\", \"max\": \"19:38:32\", \"fin\": \"19:45:08\", \"obscuration\": 95.5},\r\n        {\"number\": 15, \"name\": \"Tizi Ouzou\", \"lat\": 36.7118, \"lng\": 4.0459, \"debut\": \"18:42:35\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:37:26\", \"obscuration\": 98.1},\r\n        {\"number\": 16, \"name\": \"Alger\", \"lat\": 36.7538, \"lng\": 3.0588, \"debut\": \"18:42:37\", \"max\": \"19:35:51\", \"fin\": \"19:41:31\", \"obscuration\": 98.6},\r\n        {\"number\": 17, \"name\": \"Djelfa\", \"lat\": 34.6724, \"lng\": 3.263, \"debut\": \"18:45:59\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:37:10\", \"obscuration\": 90.6},\r\n        {\"number\": 18, \"name\": \"Jijel\", \"lat\": 36.8205, \"lng\": 5.7661, \"debut\": \"18:42:08\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:30:44\", \"obscuration\": 87.7},\r\n        {\"number\": 19, \"name\": \"S\u00e9tif\", \"lat\": 36.1911, \"lng\": 5.4137, \"debut\": \"18:43:11\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:31:05\", \"obscuration\": 84.9},\r\n        {\"number\": 20, \"name\": \"Sa\u00efda\", \"lat\": 34.8303, \"lng\": 0.1517, \"debut\": \"18:46:09\", \"max\": \"19:39:43\", \"fin\": \"19:49:50\", \"obscuration\": 94.0},\r\n        {\"number\": 21, \"name\": \"Skikda\", \"lat\": 36.8792, \"lng\": 6.9048, \"debut\": \"18:41:49\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:26:17\", \"obscuration\": 78.0},\r\n        {\"number\": 22, \"name\": \"Sidi Bel Abb\u00e8s\", \"lat\": 35.1899, \"lng\": -0.6308, \"debut\": \"18:45:37\", \"max\": \"19:39:28\", \"fin\": \"19:53:37\", \"obscuration\": 94.2},\r\n        {\"number\": 23, \"name\": \"Annaba\", \"lat\": 36.9, \"lng\": 7.7667, \"debut\": \"18:41:37\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:22:56\", \"obscuration\": 70.5},\r\n        {\"number\": 24, \"name\": \"Guelma\", \"lat\": 36.4621, \"lng\": 7.4261, \"debut\": \"18:42:21\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:23:30\", \"obscuration\": 69.9},\r\n        {\"number\": 25, \"name\": \"Constantine\", \"lat\": 36.3650, \"lng\": 6.6147, \"debut\": \"18:42:40\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:26:35\", \"obscuration\": 76.1},\r\n        {\"number\": 26, \"name\": \"M\u00e9d\u00e9a\", \"lat\": 36.2642, \"lng\": 2.7539, \"debut\": \"18:43:29\", \"max\": \"19:36:42\", \"fin\": \"19:41:48\", \"obscuration\": 97.6},\r\n        {\"number\": 27, \"name\": \"Mostaganem\", \"lat\": 35.9333, \"lng\": 0.0833, \"debut\": \"18:44:20\", \"max\": \"19:38:09\", \"fin\": \"19:51:55\", \"obscuration\": 95.8},\r\n        {\"number\": 28, \"name\": \"M\u2019Sila\", \"lat\": 35.7058, \"lng\": 4.5419, \"debut\": \"18:44:07\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:33:44\", \"obscuration\": 89.0},\r\n        {\"number\": 29, \"name\": \"Mascara\", \"lat\": 35.3994, \"lng\": 0.1408, \"debut\": \"18:45:13\", \"max\": \"19:38:55\", \"fin\": \"19:50:50\", \"obscuration\": 95.0},\r\n        {\"number\": 30, \"name\": \"Ouargla\", \"lat\": 31.9493, \"lng\": 5.325, \"debut\": \"18:49:49\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:24:36\", \"obscuration\": 54.6},\r\n        {\"number\": 31, \"name\": \"Oran\", \"lat\": 35.6971, \"lng\": -0.6308, \"debut\": \"18:44:47\", \"max\": \"19:38:44\", \"fin\": \"19:54:30\", \"obscuration\": 95.1},\r\n        {\"number\": 32, \"name\": \"El Bayadh\", \"lat\": 33.6831, \"lng\": 1.0192, \"debut\": \"18:47:54\", \"max\": \"19:40:59\", \"fin\": \"19:44:09\", \"obscuration\": 92.4},\r\n        {\"number\": 33, \"name\": \"Illizi\", \"lat\": 26.5042, \"lng\": 8.4792, \"debut\": \"18:57:03\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:04:13\", \"obscuration\": 3.9},\r\n        {\"number\": 34, \"name\": \"Bordj Bou Arreridj\", \"lat\": 36.0732, \"lng\": 4.7611, \"debut\": \"18:43:29\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:33:30\", \"obscuration\": 89.6},\r\n        {\"number\": 35, \"name\": \"Boumerd\u00e8s\", \"lat\": 36.7584, \"lng\": 3.4735, \"debut\": \"18:42:35\", \"max\": \"19:35:43\", \"fin\": \"19:39:50\", \"obscuration\": 98.6},\r\n        {\"number\": 36, \"name\": \"El Tarf\", \"lat\": 36.7667, \"lng\": 8.3167, \"debut\": \"18:41:41\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:20:29\", \"obscuration\": 64.7},\r\n        {\"number\": 37, \"name\": \"Tindouf\", \"lat\": 27.6711, \"lng\": -8.1478, \"debut\": \"18:59:06\", \"max\": \"19:52:38\", \"fin\": \"20:12:15\", \"obscuration\": 74.6},\r\n        {\"number\": 38, \"name\": \"Tissemsilt\", \"lat\": 35.6072, \"lng\": 1.8106, \"debut\": \"18:44:41\", \"max\": \"19:38:00\", \"fin\": \"19:44:31\", \"obscuration\": 96.1},\r\n        {\"number\": 39, \"name\": \"El Oued\", \"lat\": 33.3678, \"lng\": 6.8516, \"debut\": \"18:47:16\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:20:41\", \"obscuration\": 51.9},\r\n        {\"number\": 40, \"name\": \"Khenchla\", \"lat\": 35.4192, \"lng\": 7.1458, \"debut\": \"18:44:01\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:22:53\", \"obscuration\": 63.8},\r\n        {\"number\": 41, \"name\": \"Souk Ahras\", \"lat\": 36.281, \"lng\": 7.9511, \"debut\": \"18:42:31\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:21:05\", \"obscuration\": 69.9},\r\n        {\"number\": 42, \"name\": \"Tipaza\", \"lat\": 36.592, \"lng\": 2.4475, \"debut\": \"18:43:00\", \"max\": \"19:36:21\", \"fin\": \"19:43:38\", \"obscuration\": 98.0},\r\n        {\"number\": 43, \"name\": \"Mila\", \"lat\": 36.4501, \"lng\": 6.2644, \"debut\": \"18:42:37\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:28:48\", \"obscuration\": 78.9},\r\n        {\"number\": 44, \"name\": \"Ain Defla\", \"lat\": 36.2641, \"lng\": 2.2201, \"debut\": \"18:43:43\", \"max\": \"19:37:05\", \"fin\": \"19:44:23\", \"obscuration\": 97.2},\r\n        {\"number\": 45, \"name\": \"Na\u00e2ma\", \"lat\": 32.6922, \"lng\": -0.7978, \"debut\": \"18:48:47\", \"max\": \"19:42:07\", \"fin\": \"19:49:13\", \"obscuration\": 90.9},\r\n        {\"number\": 46, \"name\": \"Ain Temouchent\", \"lat\": 35.2975, \"lng\": -1.133, \"debut\": \"18:45:29\", \"max\": \"19:39:29\", \"fin\": \"19:55:49\", \"obscuration\": 94.1},\r\n        {\"number\": 47, \"name\": \"Gharda\u00efa\", \"lat\": 32.4909, \"lng\": 3.6735, \"debut\": \"18:49:22\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:32:02\", \"obscuration\": 71.7},\r\n        {\"number\": 48, \"name\": \"Relizane\", \"lat\": 35.737, \"lng\": 0.551, \"debut\": \"18:44:37\", \"max\": \"19:38:16\", \"fin\": \"19:49:45\", \"obscuration\": 95.7},\r\n        {\"number\": 49, \"name\": \"Timimoun\", \"lat\": 29.2627, \"lng\": 0.2294, \"debut\": \"18:55:12\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:41:01\", \"obscuration\": 74.2},\r\n        {\"number\": 50, \"name\": \"Bordj Badji Mokhtar\", \"lat\": 21.3347, \"lng\": 0.954, \"debut\": \"19:07:43\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:27:35\", \"obscuration\": 21.5},\r\n        {\"number\": 51, \"name\": \"Ouled Djellal\", \"lat\": 34.3311, \"lng\": 5.0617, \"debut\": \"18:46:02\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:29:34\", \"obscuration\": 74.8},\r\n        {\"number\": 52, \"name\": \"B\u00e9ni Abb\u00e8s\", \"lat\": 30.1333, \"lng\": -2.1667, \"debut\": \"18:54:14\", \"max\": \"19:47:12\", \"fin\": \"19:51:52\", \"obscuration\": 83.6},\r\n        {\"number\": 53, \"name\": \"In Salah\", \"lat\": 27.1958, \"lng\": 2.4828, \"debut\": \"18:57:58\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:29:08\", \"obscuration\": 44.7},\r\n        {\"number\": 54, \"name\": \"In Guezzam\", \"lat\": 19.5636, \"lng\": 5.7664, \"debut\": \"Non visible\", \"max\": \"Non visible\", \"fin\": \"Non visible\", \"obscuration\": 0.0},\r\n        {\"number\": 55, \"name\": \"Touggourt\", \"lat\": 33.1042, \"lng\": 6.0684, \"debut\": \"18:47:51\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:23:27\", \"obscuration\": 56.6},\r\n        {\"number\": 56, \"name\": \"Djanet\", \"lat\": 24.5534, \"lng\": 9.4849, \"debut\": \"Non visible\", \"max\": \"Non visible\", \"fin\": \"Non visible\", \"obscuration\": 0.0},\r\n        {\"number\": 57, \"name\": \"El M\u2019Ghair\", \"lat\": 33.95, \"lng\": 5.92, \"debut\": \"18:46:35\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:25:22\", \"obscuration\": 64.0},\r\n        {\"number\": 58, \"name\": \"El Meniaa\", \"lat\": 30.5758, \"lng\": 2.8758, \"debut\": \"18:52:33\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:32:18\", \"obscuration\": 64.3},\r\n        {\"number\": 59, \"name\": \"Aflou\", \"lat\": 34.1204, \"lng\": 2.1022, \"debut\": \"18:47:04\", \"max\": \"19:40:00\", \"fin\": \"19:40:54\", \"obscuration\": 93.6},\r\n        {\"number\": 60, \"name\": \"Barika\", \"lat\": 35.3888, \"lng\": 5.3653, \"debut\": \"18:44:28\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:29:54\", \"obscuration\": 79.5},\r\n        {\"number\": 61, \"name\": \"El Kantara\", \"lat\": 35.2255, \"lng\": 5.7042, \"debut\": \"18:44:39\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:28:17\", \"obscuration\": 75.2},\r\n        {\"number\": 62, \"name\": \"Bir El Ater\", \"lat\": 34.7479, \"lng\": 8.0594, \"debut\": \"18:44:51\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:18:07\", \"obscuration\": 51.2},\r\n        {\"number\": 63, \"name\": \"El Aricha\", \"lat\": 34.25, \"lng\": -1.35, \"debut\": \"18:47:18\", \"max\": \"19:41:06\", \"fin\": \"19:54:30\", \"obscuration\": 92.1},\r\n        {\"number\": 64, \"name\": \"Ksar Chellala\", \"lat\": 35.1667, \"lng\": 2.3167, \"debut\": \"18:45:15\", \"max\": \"19:38:22\", \"fin\": \"19:41:51\", \"obscuration\": 95.7},\r\n        {\"number\": 65, \"name\": \"Ain Ouessara\", \"lat\": 35.5667, \"lng\": 2.9, \"debut\": \"18:44:47\", \"max\": \"19:37:48\", \"fin\": \"19:39:52\", \"obscuration\": 96.3},\r\n        {\"number\": 66, \"name\": \"Messa\u00e2d\", \"lat\": 34.1611, \"lng\": 3.0503, \"debut\": \"18:46:46\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:35:25\", \"obscuration\": 85.3},\r\n        {\"number\": 67, \"name\": \"Ksar El Boukhari\", \"lat\": 35.8833, \"lng\": 2.7333, \"debut\": \"18:44:07\", \"max\": \"19:37:15\", \"fin\": \"19:41:13\", \"obscuration\": 97.0},\r\n        {\"number\": 68, \"name\": \"Bou Sa\u00e2da\", \"lat\": 35.2114, \"lng\": 4.1755, \"debut\": \"18:44:57\", \"max\": \"Apr\u00e8s le coucher du Sol.\", \"fin\": \"19:34:23\", \"obscuration\": 88.1},\r\n        {\"number\": 69, \"name\": \"El Abiodh Sidi Cheikh\", \"lat\": 32.8941, \"lng\": 1.015, \"debut\": \"18:49:16\", \"max\": \"19:42:19\", \"fin\": \"19:45:12\", \"obscuration\": 90.6}\r\n    ];\r\n\r\n    function getColorClass(obscuration) {\r\n        if (obscuration <= 25) return \"color-low\";\r\n        if (obscuration <= 50) return \"color-medium\";\r\n        if (obscuration <= 75) return \"color-high\";\r\n        if (obscuration <= 95) return \"color-dark-orange\";\r\n        return \"color-critical\"; \r\n    }\r\n    \/\/ Charger et afficher les fronti\u00e8res de l'Alg\u00e9rie\r\nfetch('https:\/\/www.craag.dz\/eclipse2026\/wp-content\/uploads\/dza.geojson')\r\n    .then(response => response.json())\r\n    .then(data => {\r\n        L.geoJSON(data, {\r\n            style: {\r\n                color: \"#545501\",   \/\/ Couleur de la bordure\r\n                weight: 2,          \/\/ \u00c9paisseur de la ligne\r\n                opacity: 0.5,       \/\/ Opacit\u00e9\r\n                fillOpacity: 0.05   \/\/ Remplissage l\u00e9ger\r\n            }\r\n        }).addTo(map);\r\n    })\r\n    .catch(err => console.error(\"Erreur lors du chargement des fronti\u00e8res :\", err));\r\n\r\n   \/\/ --- AJOUT DU TEXTE Alg\u00e9rie ---\r\n\/\/ Coordonn\u00e9es approximatives au sud de l'Atlas (r\u00e9gion de Gharda\u00efa)\r\nconst algerieCenter = [33.5, 3.67];\r\n\r\n\/\/ Cr\u00e9ation d'une ic\u00f4ne invisible pour attacher le label\r\nconst invisibleIcon = L.divIcon({\r\n    className: 'transparent-marker', \/\/ Classe CSS pour s'assurer de la transparence\r\n    iconSize: [0, 0],\r\n    iconAnchor: [0, 0]\r\n});\r\n\r\n\/\/ Cr\u00e9ation du marqueur\r\nconst algerieMarker = L.marker(algerieCenter, {\r\n    icon: invisibleIcon,\r\n    interactive: false\r\n}).addTo(map);\r\n\r\nfunction updateAlgerieLabel() {\r\n\r\n    if (map.getZoom() >= 6.5) {\r\n\r\n        if (!algerieMarker.getTooltip()) {\r\n            algerieMarker.bindTooltip(\"Alg\u00e9rie\", {\r\n                permanent: true,\r\n                direction: \"center\",\r\n                className: \"algerie-text-label\"\r\n            }).openTooltip();\r\n        }\r\n\r\n    } else {\r\n\r\n        if (algerieMarker.getTooltip()) {\r\n            algerieMarker.unbindTooltip();\r\n        }\r\n\r\n    }\r\n}\r\n\r\nupdateAlgerieLabel();\r\nmap.on(\"zoomend\", updateAlgerieLabel);\r\n   \r\n    eclipseData.forEach(function(item) {\r\n        if (item.lat === 0 && item.lng === 0) return;\r\n\r\n        const formatObscur = item.obscuration > 0 ? item.obscuration + '%' : 'Non visible';\r\n        const isHighEclipse = item.obscuration > 95;\r\n        const alertClass = isHighEclipse ? 'obs-highlight alert-max' : 'obs-highlight';\r\n        const labelAlert = isHighEclipse ? ' Obs.\ud83d\udd34 Maximale : ' : '\ud83c\udf11 Obscuration Max : ';\r\n\r\n        const popupHTML = `\r\n            <h3>${item.number} - ${item.name}<\/h3>\r\n            <p><strong>\ud83d\udd52 D\u00e9but :<\/strong> ${item.debut}<\/p>\r\n            <p><strong>\ud83d\udd52 Maximum :<\/strong> ${item.max}<\/p>\r\n            <p><strong>\ud83c\udf05 Fin (Coucher) :<\/strong> ${item.fin}<\/p>\r\n            <span class=\"${alertClass}\">${labelAlert}${formatObscur}<\/span>\r\n        `;\r\n\r\n        const colorClass = getColorClass(item.obscuration);\r\n\r\n        const customIcon = L.divIcon({\r\n            html: `<div class=\"fixed-circle-marker ${colorClass}\"><\/div>`,\r\n            className: 'custom-eclipse-marker-container',\r\n            iconSize: [16, 16],\r\n            iconAnchor: [8, 8]\r\n        });\r\n\r\n        const marker = L.marker([item.lat, item.lng], { icon: customIcon }).addTo(map);\r\n        marker.bindPopup(popupHTML);\r\n\r\n        \/\/ AJOUT DES NOMS DE WILAYAS DE MANI\u00c8RE PERMANENTE SUR LA CARTE\r\n\/\/ --- AJOUTEZ CECI \u00c0 LA PLACE ---\r\n        function updateTooltipVisibility() {\r\n            \/\/ Le texte ne s'affiche que si le zoom est sup\u00e9rieur ou \u00e9gal \u00e0 8.5\r\n            if (map.getZoom() >= 6.5) {\r\n                if (!marker.getTooltip()) {\r\n                    marker.bindTooltip(item.name, {\r\n                        permanent: true,\r\n                        direction: 'top',\r\n                        className: 'wilaya-tooltip',\r\n                        offset: [0, -8]\r\n                    }).openTooltip();\r\n                }\r\n            } else {\r\n                \/\/ Si on d\u00e9zoom, on retire le label\r\n                if (marker.getTooltip()) {\r\n                    marker.unbindTooltip();\r\n                }\r\n            }\r\n        }\r\n\r\n        \/\/ Appel pour v\u00e9rifier l'\u00e9tat au chargement\r\n        updateTooltipVisibility();\r\n        \r\n        \/\/ \u00c9couteur pour mettre \u00e0 jour lors de chaque changement de zoom\r\n        map.on('zoomend', updateTooltipVisibility);\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63be350 e-flex e-con-boxed e-con e-parent\" data-id=\"63be350\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Carte interactive de l&rsquo;\u00e9clipse solaire du 12 ao\u00fbt 2026 (CRAAG) : Visualisez le niveau d\u2019occultation solaire par wilaya. \ud83d\udd34 Les [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-657","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/pages\/657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/comments?post=657"}],"version-history":[{"count":49,"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/pages\/657\/revisions"}],"predecessor-version":[{"id":742,"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/pages\/657\/revisions\/742"}],"wp:attachment":[{"href":"https:\/\/www.craag.dz\/eclipse2026\/ar\/wp-json\/wp\/v2\/media?parent=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}