astro

website/assets/map_howto.js

@@ -1,89 +0,0 @@
-const london3d = {
-  center: [-0.114, 51.506],
-  zoom: 14.2,
-  bearing: 55.2,
-  pitch: 60,
-}
-
-const berlin = {
-  center: [13.388, 52.517],
-  zoom: 9.5,
-  bearing: 0,
-  pitch: 0,
-}
-
-function initMap() {
-  if (window.map) return
-
-  document.getElementById('mapbg-image').style.opacity = '0.2'
-
-  const map = new maplibregl.Map({
-    style: 'https://tiles.openfreemap.org/styles/liberty',
-    center: berlin.center,
-    zoom: berlin.zoom,
-    bearing: berlin.bearing,
-    pitch: berlin.pitch,
-    container: mapDiv,
-    boxZoom: false,
-    // doubleClickZoom: false,
-    scrollZoom: false,
-    attributionControl: false,
-  })
-  window.map = map
-
-  map.once('idle', () => {
-    document.getElementById('mapbg-image').remove()
-  })
-
-  let nav = new maplibregl.NavigationControl({ showCompass: false })
-  map.addControl(nav, 'top-right')
-
-  let scale = new maplibregl.ScaleControl()
-  map.addControl(scale)
-
-  let attrib = new maplibregl.AttributionControl({
-    compact: false,
-  })
-  map.addControl(attrib)
-
-  new maplibregl.Marker().setLngLat([-0.119, 51.507]).addTo(map)
-}
-
-const mapDiv = document.getElementById('map-container')
-mapDiv.onclick = function () {
-  initMap()
-}
-
-// initMap()
-
-// let movedTo2d = false
-
-function selectStyle(event, style) {
-  initMap()
-  toggleButtonSelection(event.target)
-
-  const styleUrl = 'https://tiles.openfreemap.org/styles/' + style.split('-')[0]
-  map.setStyle(styleUrl)
-
-  if (style === 'liberty-3d') {
-    map.setCenter(london3d.center)
-    map.setPitch(london3d.pitch)
-    map.setBearing(london3d.bearing)
-    map.setZoom(london3d.zoom)
-  } else if (map.getBearing() !== 0) {
-    map.setCenter(berlin.center)
-    map.setPitch(berlin.pitch)
-    map.setBearing(berlin.bearing)
-    map.setZoom(berlin.zoom)
-  }
-
-  document.getElementById('style-url-code').innerText = styleUrl
-}
-
-function toggleButtonSelection(clickedButton) {
-  clickedButton.classList.add('selected')
-
-  Array.from(clickedButton.parentElement.children)
-    .filter(child => child !== clickedButton)
-    .forEach(button => button.classList.remove('selected'))
-}