34 lines
974 B
TypeScript
34 lines
974 B
TypeScript
/* 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);
|
|
}
|
|
})();
|