index.ts

/**
 * @license
 * Copyright 2019 Google LLC. All Rights Reserved.
 * SPDX-License-Identifier: Apache-2.0
 */

// [START maps_js_local_context_basic]
let map: google.maps.Map;

function initMap() {
  // [START maps_js_local_context_basic_instantiation]
  const localContextMapView = new google.maps.localContext.LocalContextMapView({
    element: document.getElementById("map"),
    placeTypePreferences: [
      { type: "restaurant" },
      { type: "tourist_attraction" },
    ],
    maxPlaceCount: 12,
  });
  // [END maps_js_local_context_basic_instantiation]

  map = localContextMapView.map!;

  // [START maps_js_local_context_basic_set_options]
  map.setOptions({
    center: { lat: 51.507307, lng: -0.08114 },
    zoom: 14,
  });
  // [END maps_js_local_context_basic_set_options]
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
// [END maps_js_local_context_basic]
export {};