1
mirror of https://github.com/jlelse/GoBlog synced 2024-06-02 15:34:27 +00:00
GoBlog/templates/assets/js/geomap.js

20 lines
628 B
JavaScript

(function () {
let mapEl = document.getElementById('map')
let locations = JSON.parse(mapEl.dataset.locations)
let map = L.map('map')
L.tileLayer("/x/tiles/{z}/{x}/{y}.png", {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map)
let markers = []
locations.forEach(loc => {
let marker = [loc.Lat, loc.Lon]
L.marker(marker).addTo(map).on('click', function () {
window.open(loc.Post, '_blank').focus()
})
markers.push(marker)
})
map.fitBounds(markers, { padding: [5, 5] })
})()