\n

Kirken er stor nok til at rumme 600 g\u00e6ster.<\/p>\n\n

\u00a0<\/p>\n","lat":"57.721506","lng":"10.585037","thumbnail_url":"2022\/07\/skagen_kirke9939-scaled.jpg"},{"id":"105","identifier":"52e104592","object_id":"8370","city_name":"Skagen","address":"Gl.Skagen\/H\u00f8jen\/Skagen Nordstrand","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000??Wu?L@??}??\u0016%@","gpx_file":"","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Strande i Skagen","post_content":"

    \n \t
  • Damstederne<\/strong>: En b\u00f8rnevenlig strand t\u00e6t p\u00e5 Skagen Vesterby og klitplantagen.<\/li>\n \t
  • Skagen S\u00f8nderstrand<\/strong>: B\u00f8rnevenlig strand t\u00e6t p\u00e5 byen med Vippefyret som et smukt vartegn.<\/li>\n \t
  • Gl.Skagen\/H\u00f8jen\/Skagen Nordstrand<\/strong>: Stranden str\u00e6kker sig fra Gl. Skagen i syd til Grenen i nord. Her er der masser af bademuligheder for alle, selv om sommeren n\u00e5r turists\u00e6sonen er p\u00e5 sit h\u00f8jeste. Om vinteren indbyder omr\u00e5det til lange vandreture langs Vestkysten.<\/li>\n<\/ul>","lat":"57.737956","lng":"10.544064","thumbnail_url":"2023\/12\/klitter-scaled-e1701783641487.jpg"},{"id":"106","identifier":"d82c2ed89","object_id":"8370","city_name":"Skagen","address":"Skagen S\u00f8nderstrand","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000??&3??L@?X??L7%@","gpx_file":"","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Strande i Skagen","post_content":"
      \n \t
    • Damstederne<\/strong>: En b\u00f8rnevenlig strand t\u00e6t p\u00e5 Skagen Vesterby og klitplantagen.<\/li>\n \t
    • Skagen S\u00f8nderstrand<\/strong>: B\u00f8rnevenlig strand t\u00e6t p\u00e5 byen med Vippefyret som et smukt vartegn.<\/li>\n \t
    • Gl.Skagen\/H\u00f8jen\/Skagen Nordstrand<\/strong>: Stranden str\u00e6kker sig fra Gl. Skagen i syd til Grenen i nord. Her er der masser af bademuligheder for alle, selv om sommeren n\u00e5r turists\u00e6sonen er p\u00e5 sit h\u00f8jeste. Om vinteren indbyder omr\u00e5det til lange vandreture langs Vestkysten.<\/li>\n<\/ul>","lat":"57.725531","lng":"10.608009","thumbnail_url":"2023\/12\/klitter-scaled-e1701783641487.jpg"},{"id":"107","identifier":"016e1cbb0","object_id":"8370","city_name":"Skagen","address":"Damstederne","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000?\u0734\u0019??L@?W[??\u0014%@","gpx_file":"","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Strande i Skagen","post_content":"
        \n \t
      • Damstederne<\/strong>: En b\u00f8rnevenlig strand t\u00e6t p\u00e5 Skagen Vesterby og klitplantagen.<\/li>\n \t
      • Skagen S\u00f8nderstrand<\/strong>: B\u00f8rnevenlig strand t\u00e6t p\u00e5 byen med Vippefyret som et smukt vartegn.<\/li>\n \t
      • Gl.Skagen\/H\u00f8jen\/Skagen Nordstrand<\/strong>: Stranden str\u00e6kker sig fra Gl. Skagen i syd til Grenen i nord. Her er der masser af bademuligheder for alle, selv om sommeren n\u00e5r turists\u00e6sonen er p\u00e5 sit h\u00f8jeste. Om vinteren indbyder omr\u00e5det til lange vandreture langs Vestkysten.<\/li>\n<\/ul>","lat":"57.700412","lng":"10.540525","thumbnail_url":"2023\/12\/klitter-scaled-e1701783641487.jpg"},{"id":"119","identifier":"e0b47239a","object_id":"8376","city_name":"Skagen","address":"L\u00f8vfaldsruten","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"skagen-loevfaldsruten.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Ruten f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs en \u00e5ben slette og en fyrreskov.","name":"Vandreruter i Skagen","post_content":"
          \n \t
        • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
        • Flagbakken<\/strong>.<\/li>\n \t
        • Sandflugtsruten<\/strong>.<\/li>\n \t
        • Stokrenderuten<\/strong>.<\/li>\n \t
        • Nords\u00f8stien<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2023\/12\/skagen-klitplantage.png"},{"id":"120","identifier":"8ebf980ea","object_id":"8376","city_name":"Skagen","address":"Flagbakken","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"skagen-flagbakken.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter i Skagen","post_content":"
            \n \t
          • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
          • Flagbakken<\/strong>.<\/li>\n \t
          • Sandflugtsruten<\/strong>.<\/li>\n \t
          • Stokrenderuten<\/strong>.<\/li>\n \t
          • Nords\u00f8stien<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2023\/12\/skagen-klitplantage.png"},{"id":"123","identifier":"8420d6de7","object_id":"8376","city_name":"Skagen","address":"Nords\u00f8stien","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"gpx_9da2b36c-7026-4166-905a-ae1025775cea_211d5d902a4911cd9378ddb90a60f9a5.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter i Skagen","post_content":"
              \n \t
            • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
            • Flagbakken<\/strong>.<\/li>\n \t
            • Sandflugtsruten<\/strong>.<\/li>\n \t
            • Stokrenderuten<\/strong>.<\/li>\n \t
            • Nords\u00f8stien<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2023\/12\/skagen-klitplantage.png"},{"id":"122","identifier":"89a3c0551","object_id":"8376","city_name":"Skagen","address":"Stokrenderuten","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"skagen-stokrenderuten.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter i Skagen","post_content":"
                \n \t
              • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
              • Flagbakken<\/strong>.<\/li>\n \t
              • Sandflugtsruten<\/strong>.<\/li>\n \t
              • Stokrenderuten<\/strong>.<\/li>\n \t
              • Nords\u00f8stien<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2023\/12\/skagen-klitplantage.png"},{"id":"145","identifier":"e0b47239a","object_id":"8738","city_name":"Skagen","address":"L\u00f8vfaldsruten","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"skagen-loevfaldsruten.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter ved Tannis Bugt","post_content":"
                  \n \t
                • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
                • Flagbakken<\/strong>.<\/li>\n \t
                • Sandflugtsruten<\/strong>.<\/li>\n \t
                • Stokrenderuten<\/strong>.<\/li>\n \t
                • Nords\u00f8stien<\/strong>.<\/li>\n
                • Tversted Klitplantage<\/strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/li>\n \t
                • Uggerby Klitplantage<\/strong>.<\/li>\n \t
                • \u00c5-ruten<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2024\/01\/tannis-bugt-scaled.jpg"},{"id":"146","identifier":"8ebf980ea","object_id":"8738","city_name":"Skagen","address":"Flagbakken","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"skagen-flagbakken.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter ved Tannis Bugt","post_content":"
                    \n \t
                  • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
                  • Flagbakken<\/strong>.<\/li>\n \t
                  • Sandflugtsruten<\/strong>.<\/li>\n \t
                  • Stokrenderuten<\/strong>.<\/li>\n \t
                  • Nords\u00f8stien<\/strong>.<\/li>\n
                  • Tversted Klitplantage<\/strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/li>\n \t
                  • Uggerby Klitplantage<\/strong>.<\/li>\n \t
                  • \u00c5-ruten<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2024\/01\/tannis-bugt-scaled.jpg"},{"id":"147","identifier":"89a3c0551","object_id":"8738","city_name":"Skagen","address":"Stokrenderuten","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"skagen-stokrenderuten.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter ved Tannis Bugt","post_content":"
                      \n \t
                    • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
                    • Flagbakken<\/strong>.<\/li>\n \t
                    • Sandflugtsruten<\/strong>.<\/li>\n \t
                    • Stokrenderuten<\/strong>.<\/li>\n \t
                    • Nords\u00f8stien<\/strong>.<\/li>\n
                    • Tversted Klitplantage<\/strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/li>\n \t
                    • Uggerby Klitplantage<\/strong>.<\/li>\n \t
                    • \u00c5-ruten<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2024\/01\/tannis-bugt-scaled.jpg"},{"id":"148","identifier":"8420d6de7","object_id":"8738","city_name":"Skagen","address":"Nords\u00f8stien","email":"","coord":"\u0000\u0000\u0000\u0000\u0001\u0001\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000","gpx_file":"gpx_9da2b36c-7026-4166-905a-ae1025775cea_211d5d902a4911cd9378ddb90a60f9a5.gpx","website":"","opening_hours":"","thumbnail":"","phone":"0","description":"","name":"Vandreruter ved Tannis Bugt","post_content":"
                        \n \t
                      • L\u00f8vfaldsruten<\/strong>. En ca. 3 km lang, barnevogns- og k\u00f8restolsvenlig sti, der starter ved Gyvelstien\/Gr\u00f8nnevej ved Frederikshavnsvej. Den f\u00f8rer gennem en skov af gamle egetr\u00e6er og videre langs \u00e5ben slette og fyrreskov. Stien, der er markeret med gr\u00f8n, byder p\u00e5 natursk\u00f8nne oplevelser og ender ved et gr\u00e6sningshegn, hvor der kan g\u00e5 fredelige stude.<\/li>\n \t
                      • Flagbakken<\/strong>.<\/li>\n \t
                      • Sandflugtsruten<\/strong>.<\/li>\n \t
                      • Stokrenderuten<\/strong>.<\/li>\n \t
                      • Nords\u00f8stien<\/strong>.<\/li>\n
                      • Tversted Klitplantage<\/strong>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/li>\n \t
                      • Uggerby Klitplantage<\/strong>.<\/li>\n \t
                      • \u00c5-ruten<\/strong>.<\/li>\n<\/ul>","lat":"0","lng":"0","thumbnail_url":"2024\/01\/tannis-bugt-scaled.jpg"}]; console.log("POIS: "+pois); var defaultIcon = 'https://www.google.com/mapfiles/marker_green.png'; var highlightedIcon = 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png'; var map = null; function toggleMapContainer() { var mapContainer = document.getElementById('map-container'); var toggleImage = document.getElementById('toggle-image'); mapContainer.classList.toggle('fixed-map'); if (mapContainer.classList.contains('fixed-map')) { toggleImage.src = 'https://vestkysten.dk/wp-content/uploads/2023/07/minimize.png'; toggleImage.alt = 'Minimer'; mapContainer.style.height = '100%'; } else { toggleImage.src = 'https://vestkysten.dk/wp-content/uploads/2023/07/maximize.png'; toggleImage.alt = 'Maksimer'; mapContainer.style.height = ''; } map.invalidateSize(); } function initMap() { //console.log('LAT/LON: '+ +'/'+); //var map = L.map('map').setView([, ], 13); map = L.map('map').setView([pois[0].lat, pois[0].lng], 13); // Add the tile layer L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map data © OpenStreetMap contributors, ' + 'CC-BY-SA, Imagery © ' + 'Mapbox', maxZoom: 18 }).addTo(map); function resetIcon(idx) { //console.log("resetIcon called with idx: "+ idx); markers[idx].setIcon(new defaultIcon()); } var defaultIcon = L.Icon.extend({ options: { iconUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png", iconSize: [25,41], } }); var highlightedIcon = L.Icon.extend({ options: { iconUrl: "https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon-2x.png", iconSize: [50,82], } }); console.log("length: "+pois.length); //for (var i = 0; i < pois.length; i++) { var poiContainer = document.getElementById("poi-container"); var poiDiv = document.createElement("div"); var mapDiv = document.getElementById("map"); let resultStr = 'Resultater: '+ pois.length; var minMaxLink = ''; //poiDiv.innerHTML = '
                        '+ resultStr +'
                        Maksimer
                        '; poiDiv.innerHTML = `
                        ${resultStr}
                        Maksimer
                        `; poiContainer.appendChild(poiDiv); var poiList = document.createElement("div"); poiList.id = "poi-list"; console.log("TEST: "+pois.length); //var resetTimeout; for (var i = 0; i < pois.length; i++) { var resetTimeout; var latestIdx; console.log("i: " + i); var poi = pois[i]; portfolioIdx[poi.portfolio] = i; poi.thumbnail_url = 'https://vestkysten.dk/wp-content/uploads/' + poi.thumbnail_url; console.log(poi.name + " - " + poi.lat + " - " + poi.lng + " - " + poi.thumbnail_url + " - " + poi.address); var marker = L.marker([poi.lat, poi.lng]).addTo(map).bindPopup('
                        ' + poi.name + '
                        ' + poi.name + '
                        ' + poi.address + '
                        '); markers.push(marker); marker.on('popupopen', function (e) { idx = markers.indexOf(e.target); console.log("Popup opened on marker index: " + idx); }); // Create a function to capture the correct index value function createEventListener(index) { //var resetTimeout; var poiDiv = document.createElement("div"); poiDiv.innerHTML = '
                        ' + poi.name + '

                        ' + poi.name + '

                        ' + poi.address + '
                        '; //poiContainer.appendChild(poiDiv); poiList.appendChild(poiDiv); // Add event listener for hovering over POI list item poiDiv.addEventListener('mouseenter', function () { if (latestIdx >= 0) { resetIcon(latestIdx); } console.log("latestIdx: "+latestIdx+"; index: "+index); latestIdx = index; console.log("Clearing timout: "+resetTimeout); clearTimeout(resetTimeout); // Highlight the corresponding marker if (markers[index]) { // Close all popups console.log("Closing all popups"); closeAllPopups(markers); //resetIcons(markers); // Add the 'highlighted' class to the poiDiv poiDiv.classList.add('highlighted'); // Customize the highlighted marker icon markers[index].setIcon(new highlightedIcon()); // Fly to the marker's position with animation map.flyTo(markers[index].getLatLng(), 13, { duration: 0.75, // Animation duration in seconds easeLinearity: 0.25 // Animation easing factor }); } }); /* // Add event listener for leaving POI list item poiDiv.addEventListener('mouseleave', function () { console.log(123); // Reset the marker icon and remove the 'highlighted' class from poiDiv if (markers[index]) { poiDiv.classList.remove('highlighted'); markers[index].setIcon(new defaultIcon()); map.flyTo(markers[0].getLatLng(), 13, { duration: 0.75, // Animation duration in seconds easeLinearity: 0.25 // Animation easing factor }); } }); */ poiDiv.addEventListener('mouseleave', function () { // Reset the marker icon and remove the 'highlighted' class from poiDiv after a delay resetTimeout = setTimeout(function () { poiDiv.classList.remove('highlighted'); markers[index].setIcon(new defaultIcon()); map.flyTo(markers[0].getLatLng(), 13, { duration: 0.75, easeLinearity: 0.25 }); }, 200); // Adjust the delay time as needed }); mapDiv.addEventListener('mouseleave', function () { // Reset the marker icon and remove the 'highlighted' class from poiDiv after a delay resetTimeout = setTimeout(function () { poiDiv.classList.remove('highlighted'); markers[index].setIcon(new defaultIcon()); map.flyTo(markers[0].getLatLng(), 13, { duration: 0.75, easeLinearity: 0.25 }); }, 200); // Adjust the delay time as needed }); mapDiv.addEventListener('mouseenter', function () { // Cancel the reset timeout if the user moves the mouse back to the map before the delay expires clearTimeout(resetTimeout); }); } // Call the createEventListener function to capture the index value createEventListener(i); } poiContainer.appendChild(poiList); //poiDiv.innerHTML = '
'; //poiContainer.appendChild(poiDiv); } document.addEventListener('DOMContentLoaded',initMap()); function closeAllPopups() { markers.forEach(function(marker) { marker.closePopup(); }); } document.addEventListener('DOMContentLoaded', function() { // Select the span element with the class 'map-icon-close' var closeButton = document.querySelector('.map-icon-close'); var mapWrapper = document.getElementById('map-wrapper'); // Add a click event listener to the span element closeButton.addEventListener('click', function() { // Select the div element with the id 'map-wrapper' var mapWrapper = document.getElementById('map-wrapper'); // Set the display property of the div to 'none' mapWrapper.classList.remove('visible'); mapWrapper.classList.add('hidden'); closeAllPopups(); }); });