const MAPS_KEY = "AIzaSyCtS6CiOrG95FhroSUdDJJokItndcMkrgc";

// Initialize and add the map
let map;

async function initMap() {
  // The location of Uluru
  const position = { lat: 51.508616, lng: -0.125319 };
  // Request needed libraries.

  //@ts-ignore
  const { Map } = await google.maps.importLibrary("maps");
  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");

  // The map, centered at Uluru
  map = new Map(document.getElementById("map"), {
    zoom: 7,
    center: position,
    mapId: "DEMO_MAP_ID",
    restriction: {
      latLngBounds: {
        north: 51.74,
        south: 51.27,
        west: -0.51,
        east: 0.23,
      },
      //   strictBounds: true,
    },
  });

  // The marker, positioned at Uluru
  const marker = new AdvancedMarkerElement({
    map: map,
    position: position,
    title: "Uluru",
  });
}

initMap();