29 lines
1.1 KiB
Plaintext
29 lines
1.1 KiB
Plaintext
{% if page.map %}
|
|
<script
|
|
src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
|
|
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
|
|
crossorigin=""
|
|
></script>
|
|
<script>
|
|
/* Create leaflet map as another node and hide the code block, appending the leaflet node after it
|
|
this is done to enable retrieving the code again when changing theme between light/dark */
|
|
document.querySelectorAll('pre>code.language-geojson').forEach((elem) => {
|
|
const jsonData = elem.textContent;
|
|
const backup = elem.parentElement;
|
|
backup.classList.add('unloaded');
|
|
/* create leaflet node */
|
|
let mapElement = document.createElement('div');
|
|
mapElement.classList.add('map');
|
|
backup.after(mapElement);
|
|
|
|
var map = L.map(mapElement);
|
|
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
|
|
}).addTo(map);
|
|
let geoJSON = L.geoJSON(JSON.parse(jsonData)).addTo(map);
|
|
map.fitBounds(geoJSON.getBounds());
|
|
});
|
|
</script>
|
|
{% endif %}
|