Vous avez trouvé ce tutoriel intéressant ? Recommandez le en cliquant sur le bouton +1    

Positionnement implicite en fonction des éléments sur carte

Tutoriel publié le et mis à jour le
Tutoriel en Français

Normalement, vous devez spécifier les paramètres d'URL center et zoom afin de définir l'emplacement et le niveau de zoom de votre carte.

Toutefois, si vous fournissez des marqueurs, un tracé, ou le paramètre visible, vous pouvez laisser l'API Google Static Maps déterminer le centre et le niveau de zoom implicitement, en se fondant sur l'évaluation de la position de ces éléments.

Si vous fournissez au moins deux éléments, l'API Google Static Maps déterminera automatiquement le centre et le niveau de zoom de la carte, tout en offrant des marges généreuses aux éléments contenus.

Carte affichant Tours Nantes et Niort

Dans cet exemple on ne précise ni le centre, ni le niveau de zoom de la carte.

Par contre, on paramètre trois marqueurs symbolisant les villes de Tours, Nantes et Niort.

L'emplacement de ces trois marqueurs va permettre à Google de déterminer automatiquement le centre et le niveau de zoom optimum pour la carte.

Carte Google Maps Statique - Polygone encodé
<img src="http://maps.googleapis.com/maps/api/staticmap?size=640x320&maptype=roadmap&markers=size:mid|color:red|Tours,FR|Nantes,FR|Niort,FR&mobile=true&sensor=false" alt="Carte Google Maps Statique - Polygone encodé" />

La version 2 de Google Static Maps API remplace la version 1 considérée comme périmée.

Cette API ne nécessite pas de clé API Maps.

Par contre, les clients de Google Maps API Premier doivent signer leur URL en utilisant une nouvelle clé cryptographique, qui leur sera envoyée. Veuillez consulter la documentation consacrée à Google Maps API Premier pour plus d'informations.

Attention :

Afin de pouvoir utiliser les API de Google, JavaScript doit être activé sur votre navigateur.

Or, il semble que JavaScript est désactivé ou qu'il n'est pas supporté par votre navigateur.

Pour afficher Google Maps, activez JavaScript en modifiant les options de votre navigateur, puis rafraîchissez la page.