website work

website/map.html

@@ -0,0 +1,28 @@
+<div id="map"></div>
+
+<script>
+  const map = new maplibregl.Map({
+    style: "https://tiles.openfreemap.org/styles/liberty",
+    center: [-74.5, 40],
+    zoom: 9,
+    container: "map",
+  });
+
+  let nav = new maplibregl.NavigationControl({showCompass:false});
+  map.addControl(nav, 'top-right');
+
+
+let scale = new maplibregl.ScaleControl({
+    maxWidth: 80,
+    unit: 'imperial'
+});
+map.addControl(scale);
+
+scale.setUnit('metric');
+
+
+  let marker = new maplibregl.Marker()
+  .setLngLat([30.5, 50.5])
+  .addTo(map);
+</script>
+