Leaflet Radar Layer<\/title>\r\n\r\n\r\n<link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\"\r\n\/>\r\n\r\n<style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n #leaflet-map {\r\n width: 100%;\r\n height: 600px;\r\n border-radius: 12px;\r\n }\r\n\r\n \/* Opacity slider panel *\/\r\n .opacity-control {\r\n position: absolute;\r\n bottom: 30px;\r\n right: 10px;\r\n z-index: 1000;\r\n background: white;\r\n padding: 10px 14px;\r\n border-radius: 10px;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n font-family: Arial, sans-serif;\r\n max-width: 190px;\r\n }\r\n\r\n .opacity-control label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-size: 14px;\r\n }\r\n\r\n .opacity-control input[type=\"range\"] {\r\n width: 160px;\r\n }\r\n \r\n \r\ndiv#kmz-cont {\r\n max-height: 223px; \/* Limit the maximum height *\/\r\n overflow-y: auto;\r\n}\r\n \r\ndiv.kmz-line {\r\n display: inline-flex;\r\n width: 100%;\r\n}\r\n\r\nlabel { margin-left: 5px; padding-top: 5px }\r\n \r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<div style=\"position: relative;\">\r\n\r\n <div id=\"leaflet-map\"><\/div>\r\n\r\n \r\n <div class=\"opacity-control\">\r\n\r\n <label for=\"opacitySlider\">\r\n Radar Opacity:\r\n <span id=\"opacityValue\">100<\/span>%\r\n <\/label>\r\n\r\n <input\r\n type=\"range\"\r\n id=\"opacitySlider\"\r\n min=\"0\"\r\n max=\"100\"\r\n value=\"100\"\r\n \/>\r\n\r\n\r\n \r\n\t<br\/>\r\n\t<button onclick=\"initZoom()\">Zoom to World 🌐<\/button>\r\n\t<br\/><br\/>\r\n\t<div id=\"kmz-cont\"><\/div>\r\n\t\r\n\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/leaflet-kmz@latest\/dist\/leaflet-kmz.js\"><\/script>\r\n\r\n<script>\r\n\r\n \/\/ -----------------------------------\r\n \/\/ FORCE DAILY CACHE REFRESH\r\n \/\/ -----------------------------------\r\n\r\n const now = new Date();\r\n\r\n const dailyVersion =\r\n now.getUTCFullYear() +\r\n '-' +\r\n (now.getUTCMonth() + 1) +\r\n '-' +\r\n now.getUTCDate();\r\n\r\n function noCacheUrl(url) {\r\n\r\n const separator = url.includes('?') ? '&' : '?';\r\n\r\n return `${url}${separator}v=${dailyVersion}`;\r\n }\r\n\r\n \/\/ Optional:\r\n \/\/ Clear Cache API storage if used\r\n\r\n if ('caches' in window) {\r\n\r\n caches.keys().then(function(names) {\r\n\r\n names.forEach(function(name) {\r\n\r\n caches.delete(name);\r\n\r\n });\r\n\r\n });\r\n\r\n }\r\n\r\n \/\/ -----------------------------------\r\n \/\/ Initialize map\r\n \/\/ -----------------------------------\r\n\r\n const map = L.map('leaflet-map').setView([50, 0], 2);\r\n\r\n \/\/ -----------------------------------\r\n \/\/ OpenStreetMap base layer\r\n \/\/ -----------------------------------\r\n\r\n L.tileLayer(\r\n 'https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',\r\n {\r\n attribution: '© OpenStreetMap contributors',\r\n maxZoom: 8\r\n }\r\n ).addTo(map);\r\n\r\n \/\/ -----------------------------------\r\n \/\/ Radar tile layer\r\n \/\/ -----------------------------------\r\n\r\n const radarLayer = L.tileLayer(\r\n noCacheUrl('https:\/\/www.maat.li\/radar_images\/{z}\/{x}\/{y}.png'),\r\n {\r\n attribution: 'Radar Layer',\r\n opacity: 1,\r\n maxZoom: 9,\r\n tms: false\r\n }\r\n );\r\n\r\n \/\/ Add radar layer to map\r\n radarLayer.addTo(map);\r\n\r\n \/\/ -----------------------------------\r\n \/\/ Layer control\r\n \/\/ -----------------------------------\r\n\r\n const baseMaps = {};\r\n\r\n const overlayMaps = {\r\n \"Radar\": radarLayer\r\n };\r\n\r\n \/\/L.control.layers(baseMaps, overlayMaps).addTo(map);\r\n\r\n \/\/ -----------------------------------\r\n \/\/ Opacity Slider Logic\r\n \/\/ -----------------------------------\r\n\r\n const opacitySlider = document.getElementById('opacitySlider');\r\n const opacityValue = document.getElementById('opacityValue');\r\n\r\n opacitySlider.addEventListener('input', function () {\r\n\r\n const opacity = this.value \/ 100;\r\n\r\n radarLayer.setOpacity(opacity);\r\n\r\n opacityValue.textContent = this.value;\r\n\r\n });\r\n\r\n\r\n \/\/ -- Arsen Code --- KMZ layers ---\r\n \r\n \r\n const kmz_layers = [\r\n {\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Hudson_Bay_routes.kmz',\r\n\t\t\t'name': 'Hudson Bay routes',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/North_West_Route_southern_branch.kmz',\r\n\t\t\t'name': 'North West Route<br>southern branch',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/North_East_route.kmz',\r\n\t\t\t'name': 'North East route',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/North_West_Route_northern_branch.kmz',\r\n\t\t\t'name': 'North West Route<br>northern branch',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Churchill.kmz',\r\n\t\t\t'name': 'Churchill',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Nome.kmz',\r\n\t\t\t'name': 'Nome',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Cambrdige.kmz',\r\n\t\t\t'name': 'Cambrdige',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Pevek.kmz',\r\n\t\t\t'name': 'Pevek',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Sabetta.kmz',\r\n\t\t\t'name': 'Sabetta',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Murmansk.kmz',\r\n\t\t\t'name': 'Murmansk',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Utqia\u0121vik.kmz',\r\n\t\t\t'name': 'Utqia\u0121vik',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Dudinka.kmz',\r\n\t\t\t'name': 'Dudinka',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Tiksi.kmz',\r\n\t\t\t'name': 'Tiksi',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Resolute_Bay.kmz',\r\n\t\t\t'name': 'Resolute Bay',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Pond_Inlet.kmz',\r\n\t\t\t'name': 'Pond Inlet',\r\n\t\t\t'active': true\r\n\t\t},\r\n\t\t{\r\n\t\t\t'url':'https:\/\/maat.li\/KMZfiles\/Arkhangelsk.kmz',\r\n\t\t\t'name': 'Arkhangelsk',\r\n\t\t\t'active': true\r\n\t\t},\r\n ];\r\n \r\n \r\n const kmz_layers_length = kmz_layers.length;\r\n \r\n const divKMZcont = document.getElementById('kmz-cont');\r\n \r\n var groupKMZdraws = L.featureGroup();\r\n \r\n var kmz = L.kmzLayer().addTo(groupKMZdraws);\r\n \r\n groupKMZdraws.addTo(map);\r\n \r\n map.attributionControl.addAttribution('| <a target=\"_blank\" title=\"Airports Directory\" href=\"https:\/\/map.dronex.zone\/voyager-navigator\/\">✈<\/a>');\r\n \r\n\t\/\/bounds restriction\r\n\tvar WorldBounds = L.latLngBounds([[85,185],[-85,-185]]);\r\n\r\n\tmap.setMaxBounds(WorldBounds);\r\n\t\r\n map.on('drag', function() {\r\n\t map.panInsideBounds(WorldBounds, { animate: false });\r\n });\r\n \r\n \r\n for (let i = 0; i < kmz_layers_length; ++i) {\t\t\r\n\t\tkmz.load(kmz_layers[i].url);\r\n }\r\n \r\n \r\n let kmz_ind = 0;\r\n \r\n kmz.on('load', function(e) {\r\n \/\/control.addOverlay(e.layer, e.name);\r\n\tconst kmz_layer = e.layer;\r\n\t\r\n\tif(kmz_layers[kmz_ind].active)\r\n\t\tkmz_layer.addTo(groupKMZdraws);\r\n\t\r\n\tconsole.log(kmz_ind);\r\n\tconst divKMZline = document.createElement('div');\r\n\tdivKMZline.className = 'kmz-line';\r\n\t\r\n\tconst label = document.createElement('label');\r\n\tlabel.htmlFor = 'kmz-chk-' + kmz_ind;\r\n\tlabel.innerHTML = kmz_layers[kmz_ind].name;\r\n\t\r\n\tconst checkbox = document.createElement('input');\r\n\tcheckbox.type = 'checkbox';\r\n\tcheckbox.id = 'kmz-chk-' + kmz_ind;\r\n\tcheckbox.className = 'kmz-chk';\r\n\tcheckbox.checked = kmz_layers[kmz_ind].active;\r\n\t\r\n divKMZline.appendChild(checkbox);\r\n\tdivKMZline.appendChild(label);\r\n\t\r\n\tdivKMZcont.appendChild(divKMZline);\r\n\t\r\n\tcheckbox.addEventListener('change', function(event) {\r\n\t\tif (this.checked) {\r\n\t\t\tif ( !groupKMZdraws.hasLayer(kmz_layer) )\r\n\t\t\t\tkmz_layer.addTo(groupKMZdraws);\r\n\t\t} else {\r\n\t\t\tif ( groupKMZdraws.hasLayer(kmz_layer) )\r\n\t\t\t\tgroupKMZdraws.removeLayer(kmz_layer);\r\n\t\t}\r\n\t});\r\n\t\r\n\tkmz_ind++;\r\n });\r\n \r\n \r\n function initZoom() {\r\n\t\r\n\tmap.setView([50, 0], 2)\r\n \r\n }\r\n \r\n \r\n \/\/ -- Arsen Code --- KMZ layers ---\r\n\r\n\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad0fd64 e-grid e-con-boxed e-con e-parent\" data-id=\"ad0fd64\" data-element_type=\"container\" data-e-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-a6059b2 e-grid e-con-boxed e-con e-parent\" data-id=\"a6059b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea77b09 elementor-widget elementor-widget-heading\" data-id=\"ea77b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">North-West and North-East Passage - weekly<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd360f9 elementor-widget elementor-widget-text-editor\" data-id=\"bd360f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Weekly composite of synthetic aperture radar images.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e21cb3 e-flex e-con-boxed e-con e-parent\" data-id=\"9e21cb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5f6dd28 e-con-full e-flex e-con e-child\" data-id=\"5f6dd28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea67b0e elementor-widget elementor-widget-text-editor\" data-id=\"ea67b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Capture Time: 05\/14\/2026 – 05\/18\/2026\u00a0<\/p><p>SAR images provided by European Space Agency.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6cb9c1 e-con-full e-flex e-con e-child\" data-id=\"b6cb9c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b2b5014 e-grid e-con-boxed e-con e-parent\" data-id=\"b2b5014\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-291f5b1 elementor-widget elementor-widget-html\" data-id=\"291f5b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"utf-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n\r\n<title>Embedded Leaflet COG Map<\/title>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<style>\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n \/* UNIQUE MAP ID *\/\r\n #leaflet-map-cog {\r\n width: 100%;\r\n height: 100vh;\r\n min-height: 600px;\r\n }\r\n\r\n \/* UNIQUE CONTROL PANEL *\/\r\n .map-controls-cog {\r\n\r\n position: absolute;\r\n bottom: 30px;\r\n right: 15px;\r\n\r\n z-index: 1000;\r\n\r\n background: rgba(255,255,255,0.95);\r\n\r\n padding: 12px;\r\n\r\n border-radius: 10px;\r\n\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.2);\r\n\r\n font-size: 14px;\r\n }\r\n\r\n .map-controls-cog label {\r\n display: block;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .map-controls-cog input[type=\"range\"] {\r\n width: 150px;\r\n }\r\n\r\n .map-controls-cog button {\r\n\r\n margin-top: 10px;\r\n\r\n padding: 6px 10px;\r\n\r\n cursor: pointer;\r\n\r\n border: 1px solid #ccc;\r\n\r\n border-radius: 6px;\r\n\r\n background: white;\r\n }\r\n\r\n .map-controls-cog button:hover {\r\n background: #f0f0f0;\r\n }\r\n \r\n \r\ndiv#kmz-cont2 {\r\n max-width: 150px;\r\n max-height: 223px; \/* Limit the maximum height *\/\r\n overflow-y: auto;\r\n}\r\n \r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div style=\"position: relative;\">\r\n\r\n \r\n <div id=\"leaflet-map-cog\"><\/div>\r\n\r\n \r\n <div class=\"map-controls-cog\">\r\n\r\n <label for=\"opacitySliderCOG\">\r\n Radar Opacity:\r\n <span id=\"opacityValueCOG\">100<\/span>%\r\n <\/label>\r\n\r\n <input\r\n type=\"range\"\r\n id=\"opacitySliderCOG\"\r\n min=\"0\"\r\n max=\"100\"\r\n value=\"100\"\r\n \/>\r\n\r\n <br>\r\n\r\n <button onclick=\"zoomWorldCOG()\">\r\n Zoom to World \ud83c\udf10\r\n <\/button>\r\n\r\n \r\n <br\/><br\/>\r\n\t<div id=\"kmz-cont2\"><\/div>\r\n\t\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ CACHE BUSTING\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nconst cogNow = new Date();\r\n\r\nconst cogDailyVersion =\r\n cogNow.getUTCFullYear() +\r\n '-' +\r\n (cogNow.getUTCMonth() + 1) +\r\n '-' +\r\n cogNow.getUTCDate();\r\n\r\nfunction noCacheUrlCOG(url) {\r\n\r\n const separator = url.includes('?') ? '&' : '?';\r\n\r\n return `${url}${separator}v=${cogDailyVersion}`;\r\n}\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ UNIQUE MAP INSTANCE\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nconst cogMap = L.map('leaflet-map-cog', {\r\n worldCopyJump: true\r\n}).setView([50, 0], 2);\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ WORLD BOUNDS\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nconst cogWorldBounds = L.latLngBounds(\r\n [[-85, -180], [85, 180]]\r\n);\r\n\r\ncogMap.setMaxBounds(cogWorldBounds);\r\n\r\ncogMap.on('drag', function () {\r\n\r\n cogMap.panInsideBounds(cogWorldBounds, {\r\n animate: false\r\n });\r\n\r\n});\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ BASEMAP\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nconst cogOSM = L.tileLayer(\r\n 'https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png',\r\n {\r\n attribution: '© OpenStreetMap contributors',\r\n maxZoom: 19\r\n }\r\n);\r\n\r\ncogOSM.addTo(cogMap);\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ UNIQUE COG XYZ LAYER\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nconst radarCogLayer = L.tileLayer(\r\n noCacheUrlCOG('https:\/\/www.maat.li\/radar_images2\/{z}\/{x}\/{y}.png'),\r\n {\r\n attribution: 'COG Radar Layer',\r\n opacity: 1,\r\n maxZoom: 12,\r\n tms: false\r\n }\r\n);\r\n\r\nradarCogLayer.addTo(cogMap);\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ UNIQUE OPACITY CONTROLS\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nconst opacitySliderCOG =\r\n document.getElementById('opacitySliderCOG');\r\n\r\nconst opacityValueCOG =\r\n document.getElementById('opacityValueCOG');\r\n\r\nopacitySliderCOG.addEventListener('input', function () {\r\n\r\n const opacity = this.value \/ 100;\r\n\r\n radarCogLayer.setOpacity(opacity);\r\n\r\n opacityValueCOG.textContent = this.value;\r\n\r\n});\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ ATTRIBUTION\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\ncogMap.attributionControl.addAttribution(\r\n '| MAAT Radar'\r\n);\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ UNIQUE ZOOM FUNCTION\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\nfunction zoomWorldCOG() {\r\n\r\n cogMap.setView([50, 0], 2);\r\n\r\n}\r\n\r\n\r\n\r\n\/\/\r\n\/\/ -----------------------------------\r\n\/\/ adding KMZ layers\r\n\/\/ -----------------------------------\r\n\/\/\r\n\r\n const divKMZcont2 = document.getElementById('kmz-cont2');\r\n \r\n var groupKMZdraws2 = L.featureGroup();\r\n \r\n var kmz2 = L.kmzLayer().addTo(groupKMZdraws2);\r\n \r\n groupKMZdraws2.addTo(cogMap);\r\n \r\n cogMap.attributionControl.addAttribution('| <a target=\"_blank\" title=\"Nearest Airports\" href=\"https:\/\/map.dronex.zone\/#how\">✈<\/a>');\r\n \r\n\r\n \r\n for (let i = 0; i < kmz_layers_length; ++i) {\t\t\r\n\t\tkmz2.load(kmz_layers[i].url);\r\n }\r\n \r\n \r\n let kmz_ind2 = 0;\r\n \r\n kmz2.on('load', function(e) {\r\n \/\/control.addOverlay(e.layer, e.name);\r\n\tconst kmz_layer = e.layer;\r\n\t\r\n\tif(kmz_layers[kmz_ind2].active)\r\n\t\tkmz_layer.addTo(groupKMZdraws2);\r\n\t\r\n\tconsole.log(kmz_ind2);\r\n\tconst divKMZline = document.createElement('div');\r\n\tdivKMZline.className = 'kmz-line';\r\n\t\r\n\tconst label = document.createElement('label');\r\n\tlabel.htmlFor = 'kmz-chk-0' + kmz_ind2;\r\n\tlabel.innerHTML = kmz_layers[kmz_ind2].name;\r\n\t\r\n\tconst checkbox = document.createElement('input');\r\n\tcheckbox.type = 'checkbox';\r\n\tcheckbox.id = 'kmz-chk-0' + kmz_ind2;\r\n\tcheckbox.className = 'kmz-chk';\r\n\tcheckbox.checked = kmz_layers[kmz_ind2].active;\r\n\t\r\n\tdivKMZline.appendChild(checkbox);\r\n\tdivKMZline.appendChild(label);\r\n\t\r\n\tdivKMZcont2.appendChild(divKMZline);\r\n\t\r\n\tcheckbox.addEventListener('change', function(event) {\r\n\t\tif (this.checked) {\r\n\t\t\tif ( !groupKMZdraws2.hasLayer(kmz_layer) )\r\n\t\t\t\tkmz_layer.addTo(groupKMZdraws2);\r\n\t\t} else {\r\n\t\t\tif ( groupKMZdraws2.hasLayer(kmz_layer) )\r\n\t\t\t\tgroupKMZdraws2.removeLayer(kmz_layer);\r\n\t\t}\r\n\t});\r\n\t\r\n\tkmz_ind2++;\r\n });\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e781af e-flex e-con-boxed e-con e-parent\" data-id=\"8e781af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-59c662d e-con-full e-flex e-con e-child\" data-id=\"59c662d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b70a3ac e-con-full e-flex e-con e-child\" data-id=\"b70a3ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90232c8 e-con-full e-flex e-con e-child\" data-id=\"90232c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13691e3 elementor-widget elementor-widget-heading\" data-id=\"13691e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What these images show you<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bd37a4 e-grid e-con-boxed e-con e-parent\" data-id=\"5bd37a4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc10f10 elementor-widget elementor-widget-image\" data-id=\"cc10f10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"270\" src=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1-1024x346.jpg\" class=\"attachment-large size-large wp-image-178\" alt=\"\" srcset=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1-1024x346.jpg 1024w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1-300x101.jpg 300w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1-768x259.jpg 768w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1.jpg 1422w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-723f119 elementor-widget elementor-widget-text-editor\" data-id=\"723f119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ocean ice: A radar image appears on the right, accompanied by a composite view that overlays the radar data with a map, illustrating the extent of solid ice.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53b97b4 e-grid e-con-boxed e-con e-parent\" data-id=\"53b97b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1823344 elementor-widget elementor-widget-image\" data-id=\"1823344\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"272\" src=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img2-1024x348.jpg\" class=\"attachment-large size-large wp-image-183\" alt=\"\" srcset=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img2-1024x348.jpg 1024w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img2-300x102.jpg 300w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img2-768x261.jpg 768w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img2.jpg 1456w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68ea26e elementor-widget elementor-widget-text-editor\" data-id=\"68ea26e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Another example of ocean ice depiction, left image showing a radar image, right image a false color optical image. The image shows the southern shore land of Spitzbergen Island.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fa8cd7 e-grid e-con-boxed e-con e-parent\" data-id=\"5fa8cd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4a9063 elementor-widget elementor-widget-image\" data-id=\"b4a9063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"272\" src=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img3-1024x348.jpg\" class=\"attachment-large size-large wp-image-187\" alt=\"\" srcset=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img3-1024x348.jpg 1024w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img3-300x102.jpg 300w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img3-768x261.jpg 768w, https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img3.jpg 1456w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d87f6cf elementor-widget elementor-widget-text-editor\" data-id=\"d87f6cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Building and ship detection along a coastal segment. The left image shows a radar image, while the right shows a false color optical satellite image. Several large ships can be seen in a harbor as well as associated buildings.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\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>North-West and North-East Passage – daily Daily synthetic aperture radar imagery for tracking of sea ice as well as ocean traffic. Updated every 24h. Capture Time: 05\/21\/2026 00:00 to 23:59 UTC SAR images provided by European Space Agency. Leaflet Radar Layer Radar Opacity: 100% Zoom to World 🌐 North-West and North-East Passage – weekly Weekly […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>map - maat.li<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/maat.li\/index.php\/elementor-125\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"map - maat.li\" \/>\n<meta property=\"og:description\" content=\"North-West and North-East Passage – daily Daily synthetic aperture radar imagery for tracking of sea ice as well as ocean traffic. Updated every 24h. Capture Time: 05\/21\/2026 00:00 to 23:59 UTC SAR images provided by European Space Agency. Leaflet Radar Layer Radar Opacity: 100% Zoom to World 🌐 North-West and North-East Passage – weekly Weekly […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maat.li\/index.php\/elementor-125\/\" \/>\n<meta property=\"og:site_name\" content=\"maat.li\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-22T17:25:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1422\" \/>\n\t<meta property=\"og:image:height\" content=\"480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/\",\"url\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/\",\"name\":\"map - maat.li\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maat.li\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maat.li\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img1-1024x346.jpg\",\"datePublished\":\"2026-05-11T21:02:53+00:00\",\"dateModified\":\"2026-05-22T17:25:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/#primaryimage\",\"url\":\"https:\\\/\\\/maat.li\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img1.jpg\",\"contentUrl\":\"https:\\\/\\\/maat.li\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img1.jpg\",\"width\":1422,\"height\":480},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/maat.li\\\/index.php\\\/elementor-125\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Start\",\"item\":\"https:\\\/\\\/maat.li\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"map\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/maat.li\\\/#website\",\"url\":\"https:\\\/\\\/maat.li\\\/\",\"name\":\"maat.li\",\"description\":\"active marine vessel tracking\",\"publisher\":{\"@id\":\"https:\\\/\\\/maat.li\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/maat.li\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/maat.li\\\/#organization\",\"name\":\"maat.li\",\"url\":\"https:\\\/\\\/maat.li\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/maat.li\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/maat.li\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/freepik__img1-remove-background-and-generate-png__54953.webp\",\"contentUrl\":\"https:\\\/\\\/maat.li\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/freepik__img1-remove-background-and-generate-png__54953.webp\",\"width\":250,\"height\":250,\"caption\":\"maat.li\"},\"image\":{\"@id\":\"https:\\\/\\\/maat.li\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"map - maat.li","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/maat.li\/index.php\/elementor-125\/","og_locale":"de_DE","og_type":"article","og_title":"map - maat.li","og_description":"North-West and North-East Passage – daily Daily synthetic aperture radar imagery for tracking of sea ice as well as ocean traffic. Updated every 24h. Capture Time: 05\/21\/2026 00:00 to 23:59 UTC SAR images provided by European Space Agency. Leaflet Radar Layer Radar Opacity: 100% Zoom to World 🌐 North-West and North-East Passage – weekly Weekly […]","og_url":"https:\/\/maat.li\/index.php\/elementor-125\/","og_site_name":"maat.li","article_modified_time":"2026-05-22T17:25:22+00:00","og_image":[{"width":1422,"height":480,"url":"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/maat.li\/index.php\/elementor-125\/","url":"https:\/\/maat.li\/index.php\/elementor-125\/","name":"map - maat.li","isPartOf":{"@id":"https:\/\/maat.li\/#website"},"primaryImageOfPage":{"@id":"https:\/\/maat.li\/index.php\/elementor-125\/#primaryimage"},"image":{"@id":"https:\/\/maat.li\/index.php\/elementor-125\/#primaryimage"},"thumbnailUrl":"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1-1024x346.jpg","datePublished":"2026-05-11T21:02:53+00:00","dateModified":"2026-05-22T17:25:22+00:00","breadcrumb":{"@id":"https:\/\/maat.li\/index.php\/elementor-125\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maat.li\/index.php\/elementor-125\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/maat.li\/index.php\/elementor-125\/#primaryimage","url":"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1.jpg","contentUrl":"https:\/\/maat.li\/wp-content\/uploads\/2026\/05\/img1.jpg","width":1422,"height":480},{"@type":"BreadcrumbList","@id":"https:\/\/maat.li\/index.php\/elementor-125\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/maat.li\/"},{"@type":"ListItem","position":2,"name":"map"}]},{"@type":"WebSite","@id":"https:\/\/maat.li\/#website","url":"https:\/\/maat.li\/","name":"maat.li","description":"active marine vessel tracking","publisher":{"@id":"https:\/\/maat.li\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maat.li\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/maat.li\/#organization","name":"maat.li","url":"https:\/\/maat.li\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/maat.li\/#\/schema\/logo\/image\/","url":"https:\/\/maat.li\/wp-content\/uploads\/2025\/11\/freepik__img1-remove-background-and-generate-png__54953.webp","contentUrl":"https:\/\/maat.li\/wp-content\/uploads\/2025\/11\/freepik__img1-remove-background-and-generate-png__54953.webp","width":250,"height":250,"caption":"maat.li"},"image":{"@id":"https:\/\/maat.li\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":182,"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/maat.li\/index.php\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}