{"version":3,"file":"js/SnippetMap_CountryViewComponent.min.js","mappings":"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","sources":["webpack://weersvoorspelling/./Views/Shared/Components/SnippetMap_Country/Default.js"],"sourcesContent":["window.mapRadar = {\n    map: null,\n\n    init: function () {\n        if (mapRadar.map === null) {\n            let radarCenter = mapCenter;\n            let radarZoom = mapZoom;\n\n            if (mapWeather.map !== null && overrideZoom === -1) {\n                radarCenter = mapWeather.map.getCenter();\n                radarZoom = mapWeather.map.getZoom();\n            }\n\n            mapRadar.map = IPT.map('map-radar', {\n                center: radarCenter,\n                mapLayers: [{ tileUrl: 'https://maps.infoplaza.nl/styles/weersvoorspelling-simple/{z}/{x}/{y}.png', zIndex: 10 }],\n                minZoom: 2,\n                maxZoom: 15,\n                panning: pannable,\n                zoom: radarZoom,\n                zooming: zoomable,\n                zoomSnap: .1\n            });\n        }   \n\n        mapRadar.map.setLayerSeries(IPT.SERIES.NOWCAST.PRECIPITATION, {\n            label: { hidden: false },\n            timebar: { autoplay: true }\n        });\n    }\n};\n\nwindow.mapWeather = {\n    mapMorning: null,\n    mapAfternoon: null,\n    mapEvening: null,\n    mapNight: null,\n    mapActual: null,\n    prevLabel: null,\n    map: null,\n    xhr: null,\n\n    init: function (mapId, label) {\n        switch (label) {\n            case 'ochtend': mapWeather.map = mapWeather.mapMorning; break;\n            case 'middag': mapWeather.map = mapWeather.mapAfternoon; break;\n            case 'avond': mapWeather.map = mapWeather.mapEvening; break;\n            case 'nacht': mapWeather.map = mapWeather.mapNight; break;\n            case 'actueel': mapWeather.map = mapWeather.mapActual; break;\n            default: break;\n        }\n\n        let src = '';\n        if (label === 'actueel') {\n            src = '/api/meteo/' + mapType + '/map/' + mapKey.toLowerCase() + '?Winter=' + mapWinter;\n        } else {\n            src = '/api/meteo/' + mapType + '/map/daypart/' + mapKey.toLowerCase() + '?label=' + label + '&Winter=' + mapWinter;\n        }\n\n        if (mapWeather.map === null) {\n            mapWeather.map = IPT.map(mapId, {\n                minZoom: 2,\n                maxZoom: 15,\n                panning: pannable,\n                zooming: zoomable,\n                zoomSnap: .1\n            });\n            mapWeather.map.attributionControl.setPrefix('');\n\n            if (mapGeoJson) {\n                let geoJson = IPT.L.geoJSON(mapGeoJson, {\n                    style: function (feature) {\n                        return {\n                            color: '#B9D8EA',\n                            fillColor: '#FDFFFA',\n                            fillOpacity: 1\n                        };\n                    }\n                }).addTo(mapWeather.map);\n\n                mapWeather.map.fitBounds(geoJson.getBounds(), {\n                    padding: [10, 10]\n                });\n            } else {\n                IPT.L.tileLayer('https://maps.infoplaza.nl/styles/weersvoorspelling-simple/{z}/{x}/{y}.png').addTo(mapWeather.map);\n                mapWeather.map.setView(mapCenter, mapZoom);\n            }\n\n            mapWeather.map.on('click', function (e) {\n                console.log('click', e.latlng);\n            });\n        }\n\n        if (mapWeather.xhr !== null) mapWeather.xhr.abort();\n        mapWeather.xhr = httpGet(src, function (data) {\n            IPT.L.geoJSON(data, {\n                pointToLayer: function (feature, latlng) {\n                    return IPT.L.marker(latlng, {\n                        icon: IPT.L.divIcon({\n                            html: '<a href=\"' + feature.properties.url + '\">' +\n                                '<div class=\"label\">' +\n                                '<img src=\"https://assets.infoplaza.io/site/weersvoorspelling.nl/icons/SVG/' + feature.properties.wxco + '.svg\" alt=\"\" />' +\n                                '<div class=\"temp\">' + feature.properties.tttt + '&deg;</div>' +\n                                '</div>' +\n                                '<div class=\"location\">' + feature.properties.name + '</div>' +\n                                '</a>',\n                            className: 'map-location'\n                        })\n                    });\n                }\n            }).addTo(mapWeather.map);\n        });\n\n        switch (label) {\n            case 'ochtend': mapWeather.mapMorning = mapWeather.map; break;\n            case 'middag': mapWeather.mapAfternoon = mapWeather.map; break;\n            case 'avond': mapWeather.mapEvening = mapWeather.map; break;\n            case 'nacht': mapWeather.mapNight = mapWeather.map; break;\n            case 'actueel': mapWeather.mapActual = mapWeather.map; break;\n            default: break;\n        }\n    }\n};\n\nwindow.mapToggle = {\n    tabs: null,\n\n    init: function () {\n        mapToggle.tabs = document.querySelectorAll('.country-map .tabs .tab');\n\n        for (let i = 0; i < mapToggle.tabs.length; i++) {\n            (function () {\n                let index = i;\n                let tab = mapToggle.tabs[index];\n\n                tab.addEventListener('click', function () {\n                    mapToggle.mapChange(index);\n                });\n            }());\n        }\n\n        let activeTab = document.querySelector('.tabs .tab.active');\n        let activeMap = activeTab.dataset.id;\n        mapToggle.activateMap(activeMap);\n    },\n\n    mapChange: function (index) {\n        let activeTab = document.querySelector('.tabs .tab.active');\n        let activeMap = activeTab.dataset.id;\n        let newTab = mapToggle.tabs[index];\n        let newMap = newTab.dataset.id;\n\n        activeTab.classList.remove('active');\n        newTab.classList.add('active');\n        document.querySelector('#' + activeMap).classList.add('hide');\n        document.querySelector('#' + newMap).classList.remove('hide');\n\n        mapToggle.activateMap(newMap);\n    },\n\n    activateMap: function (mapId) {\n        if (mapId !== 'map-radar' && mapRadar.map !== null) {\n            mapRadar.map.setLayerSeries(null);\n        }\n\n        if (mapId.indexOf('map-daypart-') == 0) {\n            let label = mapId.replace('map-daypart-', '');\n            mapWeather.init(mapId, label);\n        }\n\n        switch (mapId) {\n            case 'map-country': mapWeather.init(mapId, 'actueel'); break;\n            case 'map-radar': mapRadar.init(); break;\n            default: break;\n        }\n    }\n};\n\nwindow.mapToggle.init();"],"names":["window","mapRadar","map","init","radarCenter","mapCenter","radarZoom","mapZoom","mapWeather","overrideZoom","getCenter","getZoom","IPT","center","mapLayers","tileUrl","zIndex","minZoom","maxZoom","panning","pannable","zoom","zooming","zoomable","zoomSnap","setLayerSeries","SERIES","NOWCAST","PRECIPITATION","label","hidden","timebar","autoplay","mapMorning","mapAfternoon","mapEvening","mapNight","mapActual","prevLabel","xhr","mapId","src","mapType","mapKey","toLowerCase","mapWinter","attributionControl","setPrefix","mapGeoJson","geoJson","L","geoJSON","style","feature","color","fillColor","fillOpacity","addTo","fitBounds","getBounds","padding","tileLayer","setView","on","e","console","log","latlng","abort","httpGet","data","pointToLayer","marker","icon","divIcon","html","properties","url","wxco","tttt","name","className","mapToggle","tabs","document","querySelectorAll","i","length","index","addEventListener","mapChange","activeMap","querySelector","dataset","id","activateMap","activeTab","newTab","newMap","classList","remove","add","indexOf","replace"],"sourceRoot":""}