layout, title
layout |
title |
tutorial_frame |
Accessible Markers Example |
<script type="module">
import L, {Map, TileLayer, Marker, Icon} from 'leaflet';
const map = new Map('map').setView([50.4501, 30.5234], 4);
const tiles = new TileLayer('
https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '©
OpenStreetMap'
}).addTo(map);
const marker = new Marker([50.4501, 30.5234], {alt: 'Kyiv'}).addTo(map)
.bindPopup('Kyiv, Ukraine is the birthplace of Leaflet!');
globalThis.L = L; // only for debugging in the developer console
globalThis.map = map; // only for debugging in the developer console
</script>