mirror of
https://github.com/hyperknot/openfreemap.git
synced 2026-05-21 22:12:15 +00:00
30 lines
745 B
JavaScript
30 lines
745 B
JavaScript
const map = new maplibregl.Map({
|
|
style: 'https://tiles.openfreemap.org/styles/liberty',
|
|
center: [-0.114, 51.506],
|
|
zoom: 14.2,
|
|
bearing: 55.2,
|
|
pitch: 60,
|
|
container: 'map',
|
|
boxZoom: false,
|
|
doubleClickZoom: false,
|
|
scrollZoom: false,
|
|
})
|
|
|
|
let nav = new maplibregl.NavigationControl({ showCompass: false })
|
|
map.addControl(nav, 'top-right')
|
|
|
|
let scale = new maplibregl.ScaleControl()
|
|
map.addControl(scale)
|
|
|
|
new maplibregl.Marker().setLngLat([-0.119, 51.507]).addTo(map)
|
|
|
|
function selectStyle(style) {
|
|
const styleUrl = 'https://tiles.openfreemap.org/styles/' + style
|
|
map.setStyle(styleUrl)
|
|
map.setPitch(0)
|
|
map.setBearing(0)
|
|
|
|
const spans = document.querySelectorAll('#style-url-code span')
|
|
spans[2].innerText = '/' + style
|
|
}
|