layout, title
| layout |
title |
| tutorial_frame |
Custom Icons Tutorial |
<script>
const map = L.map('map').setView([51.5, -0.09], 13);
L.tileLayer('
https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '©
OpenStreetMap contributors'
}).addTo(map);
const LeafIcon = L.Icon.extend({
options: {
shadowUrl: 'leaf-shadow.png',
iconSize: [38, 95],
shadowSize: [50, 64],
iconAnchor: [22, 94],
shadowAnchor: [4, 62],
popupAnchor: [-3, -76]
}
});
const greenIcon = new LeafIcon({iconUrl: 'leaf-green.png'});
const mGreen = L.marker([51.5, -0.09], {icon: greenIcon}).addTo(map);
</script>
