Si deseas migrar una implementación existente de la API de Maps JavaScript para usar la Biblioteca de Contexto local, sigue estos pasos:
- Crea una instancia de
LocalContextMapView
y úsala para acceder alMap
interno. - Actualiza la etiqueta
script
para incluir los parámetroslibraries=localContext
yv=beta
. - Quita la declaración de
google.maps.Map
anterior. - 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.