Cómo migrar un mapa a LocalContextMapView

Si deseas migrar una implementación existente de la API de Maps JavaScript para usar la Biblioteca de Contexto local, sigue estos pasos:

  1. Crea una instancia de LocalContextMapView y úsala para acceder al Map interno.
  2. Actualiza la etiqueta script para incluir los parámetros libraries=localContext y v=beta.
  3. Quita la declaración de google.maps.Map anterior.
  4. Combina tus diseños de mapa personalizados con los diseños de mapa de Contexto local. Si no definiste ningún diseño de mapa personalizado, puedes omitir este paso.

El código actual de la API de Maps JavaScript puede verse del siguiente modo:

const map = new google.maps.Map(
  document.querySelector('#map-container'),
  /* map options */
);

Para migrar a la Biblioteca de Contexto local, reemplaza el código anterior por el que se indica a continuación:

// Create a new LocalContextMapView instance.
const localContextMapView = new google.maps.localContext.LocalContextMapView({
  element: document.querySelector('#map-container'),
  placeTypePreferences: ['restaurant', 'cafe'],
  maxPlaceCount: 12,
});

// Access the inner map and set map options.
const map = localContextMapView.map;
map.setOptions(/* map options */);

Actualiza la etiqueta script para incluir los parámetros libraries=localContext y v=beta:

<script src="https://maps.googleapis.com/maps/api/js?
  libraries=localContext&
  v=beta&
  key=YOUR_API_KEY&
  callback=initMap"
  async>
</script>

Si definiste diseños personalizados, debes combinarlos con los diseños de mapa de la Biblioteca de Contexto local. Obtén más información.