google_maps_js_loader_basic_map_initialization.ts

1import { Loader } from "@googlemaps/js-api-loader";
2
3const loader = new Loader({
4  apiKey: "YOUR_API_KEY",
5  version: "weekly",
6});
7
8let map: google.maps.Map;
9
10loader.load().then(async () => {
11  const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
12
13  map = new Map(document.getElementById("map") as HTMLElement, {
14    center: { lat: -34.397, lng: 150.644 },
15    zoom: 8,
16  });
17});