Pour migrer une implémentation existante de l'API Maps JavaScript afin d'utiliser la bibliothèque de contexte local, procédez comme suit :
- Créez une instance
LocalContextMapView
et utilisez-la pour accéder à laMap
interne. - Mettez à jour votre tag
script
pour inclure les paramètreslibraries=localContext
etv=beta
. - Supprimez votre ancienne déclaration
google.maps.Map
. - Fusionnez vos styles de carte personnalisés avec les styles de carte de contexte local. Si vous n'avez défini aucun style de carte personnalisé, vous pouvez ignorer cette étape.
Le code actuel de l'API Maps JavaScript peut se présenter comme suit :
const map = new google.maps.Map(
document.querySelector('#map-container'),
/* map options */
);
Pour migrer vers la bibliothèque de contexte local, remplacez le code précédent par celui-ci :
// 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 */);
Modifiez votre tag script
pour inclure les paramètres libraries=localContext
et v=beta
:
<script src="https://maps.googleapis.com/maps/api/js?
libraries=localContext&
v=beta&
key=YOUR_API_KEY&
callback=initMap"
async>
</script>
Si vous avez défini des styles personnalisés, vous devez les fusionner avec les styles de carte de la bibliothèque de contexte local. En savoir plus