LocalContextMapView básico

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

A continuación, se muestra la vista básica del mapa de Local Context sin personalizaciones. Especificamos las propiedades requeridas específicas de la biblioteca de Local Context de placeTypePreferences y maxPlaceCount, y las propiedades básicas Map de center y zoom.

Comprende el código

Opciones de mapas de Local Context

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

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 Local Context

El viewport del mapa define los límites locationRestriction predeterminados de la búsqueda del lugar. El viewport del mapa 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 destacados que muestra la biblioteca de Local Context.

Probar la muestra