Vista básica del mapa de Contexto local

A continuación, se muestra la vista básica del mapa de Contexto local sin personalizaciones. Especificamos las propiedades requeridas para la Biblioteca de Contexto local de placeTypePreferences y maxPlaceCount, y las propiedades básicas Map de center y zoom.

Comprende el código

Opciones de mapas de Contexto local

En lugar de la clase google.maps.Map, el mapa de Contexto local se representa mediante la clase google.maps.localContext.LocalContextMapView. Los tres parámetros obligatorios del constructor LocalContextMapView son el elemento en el Modelo de objetos del documento (DOM) que será el contenedor de la vista de mapa, la lista de tipos de lugares que se incluirán y una cantidad máxima de resultados de lugares para mostrar.

TypeScript

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

JavaScript

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

Cómo definir el viewport del mapa de Contexto local

Los límites locationRestriction predeterminados de la búsqueda de lugares se definen mediante el viewport del mapa. Este elemento se establece en la primera llamada a google.maps.localContext.LocalContextMapView.map.setOptions() cuando se definen el centro y el nivel de zoom para la carga del mapa.

TypeScript

map.setOptions({
  center: { lat: 51.507307, lng: -0.08114 },
  zoom: 14,
});

JavaScript

map.setOptions({
  center: { lat: 51.507307, lng: -0.08114 },
  zoom: 14,
});

Las llamadas posteriores a setOptions() no actualizarán los lugares que se muestren en la Biblioteca de Contexto local.

Prueba la muestra