/* eslint-disable @typescript-eslint/no-non-null-assertion */

import type * as Leaflet from "leaflet";

declare const L;

(() => {
    const mapContainerElement = document.querySelector(
        "#map--leaflet"
    ) as HTMLElement;

    if (mapContainerElement) {
        const mapLatitude = Number.parseFloat(
            mapContainerElement.dataset.mapLatitude!
        );
        const mapLongitude = Number.parseFloat(
            mapContainerElement.dataset.mapLongitude!
        );

        const mapCoordinates: Leaflet.LatLngTuple = [mapLatitude, mapLongitude];

        // eslint-disable-next-line unicorn/no-array-callback-reference
        const map: Leaflet.Map = L.map(mapContainerElement);
        map.setView(mapCoordinates, 15);

        L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
            maxZoom: 19,
            attribution: "© OpenStreetMap"
        }).addTo(map);

        L.marker(mapCoordinates).addTo(map);
    }
})();