Google Maps
Le mode Google Maps intègre une carte 2D interactive standard. Les visiteurs peuvent naviguer, zoomer, basculer entre les vues carte et satellite, et interagir avec les marqueurs et infobulles.
Fonctionnement
Lorsque vous sélectionnez Google Maps comme type de carte, le plugin crée une instance google.maps.Map. La carte se centre sur les coordonnées que vous fournissez et applique les styles, marqueurs et couches configurés.
Marqueurs et infobulles
Par défaut, un marqueur est placé au centre de la carte. Vous pouvez configurer :
- Afficher/masquer le marqueur — Activer ou désactiver la visibilité
- Animation — Animation Drop (chute) ou Bounce (rebond) au chargement
- Infobulle — Une fenêtre popup attachée au marqueur, déclenchée au clic ou au survol
- Contenu de l'infobulle — Par défaut, affiche l'adresse formatée. Avec Pro, vous pouvez ajouter du contenu HTML personnalisé (images, liens, numéros de téléphone, boutons d'action)
Styles de carte
L'apparence de la carte peut être personnalisée avec des thèmes prédéfinis ou des styles JSON personnalisés. Consultez Styles de carte pour les détails.
Couches de carte
Superposez des données additionnelles sur la carte. Consultez Couches pour le trafic, le vélo et le transport en commun.
Configuration
| Option | Description |
|---|---|
| Adresse | Centre de la carte. Autocomplétion activée. |
| Zoom | 1 (monde) à 20 (niveau bâtiment) |
| Largeur / Hauteur | Dimensions du conteneur |
| Marqueur | Afficher/masquer, type d'animation |
| Infobulle | Afficher/masquer, déclencheur (clic/survol), ouverte par défaut |
| Style | Default, Modest, Ultra Light, WY, Shades of Grey, JSON personnalisé (Pro) |
| Couches | Trafic, Vélo, Transport en commun (Pro) |
Quand utiliser Google Maps vs Street View
| Scénario | Meilleur choix |
|---|---|
| Montrer l'emplacement d'un commerce sur une carte | Google Maps |
| Montrer à quoi ressemble le quartier en personne | Street View |
| Montrer l'emplacement et les environs | Vue synchronisée (Pro) |
| Fournir un contexte d'itinéraire | Google Maps |
| Afficher l'intérieur d'un commerce | Street View |