import L from 'leaflet';

var map,marker ;
window.addEventListener('load',function () {

    // delete L.icon.default.prototype._getIconUrl ;
    if (!import.meta.env.DEV){
        L.Icon.Default.mergeOptions({
            iconRetinaUrl: "/assets/vendor/leaflet/marker-icon-2x.png",
            iconUrl: "/assets/vendor/leaflet/marker-icon.png",
            shadowUrl: "/assets/vendor/leaflet/marker-shadow.png"
        });
    }
    if (document.querySelectorAll('#mapContainer').length != 0) {
        const lat = parseFloat(document.querySelector('#maplat').value);
        const lng = parseFloat(document.querySelector('#maplng').value);
        const zoom = parseInt(document.querySelector('#mapzoom').value);
        map = L.map(document.querySelector('#mapContainer')).setView([lat, lng], zoom);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            attribution: '© openstreetmap',
            attributionControl: false,
        }).addTo(map);

        map.attributionControl.setPrefix('xShop');

        if (this.marker) {
            map.removeLayer(marker);
        }

        marker = L.marker({lat: lat, lng: lng}).addTo(map);
    }
});