thrillwiki_django_no_react/static/js/park-map.js

// Only declare parkMap if it doesn't exist
window.parkMap = window.parkMap || null;

function initParkMap(latitude, longitude, name) {
    const mapContainer = document.getElementById('park-map');
    
    // Only initialize if container exists and map hasn't been initialized
    if (mapContainer && !window.parkMap) {
        const width = mapContainer.offsetWidth;
        mapContainer.style.height = width + 'px';

        window.parkMap = L.map('park-map').setView([latitude, longitude], 13);
        
        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '© OpenStreetMap contributors'
        }).addTo(window.parkMap);

        L.marker([latitude, longitude])
         .addTo(window.parkMap)
         .bindPopup(name);

        // Update map size when window is resized
        window.addEventListener('resize', function() {
            const width = mapContainer.offsetWidth;
            mapContainer.style.height = width + 'px';
            window.parkMap.invalidateSize();
        });
    }
}