Migrer une carte vers LocalContextMapView

Pour migrer une implémentation existante de l'API Maps JavaScript afin d'utiliser la bibliothèque de contexte local, procédez comme suit :

  1. Créez une instance LocalContextMapView et utilisez-la pour accéder à la Map interne.
  2. Mettez à jour votre tag script pour inclure les paramètres libraries=localContext et v=beta.
  3. Supprimez votre ancienne déclaration google.maps.Map.
  4. 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