Skip to content

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.

Mode Google Maps uniquement

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)

InfoBox personnalisée avec détails du restaurant

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

OptionDescription
AdresseCentre de la carte. Autocomplétion activée.
Zoom1 (monde) à 20 (niveau bâtiment)
Largeur / HauteurDimensions du conteneur
MarqueurAfficher/masquer, type d'animation
InfobulleAfficher/masquer, déclencheur (clic/survol), ouverte par défaut
StyleDefault, Modest, Ultra Light, WY, Shades of Grey, JSON personnalisé (Pro)
CouchesTrafic, Vélo, Transport en commun (Pro)

Quand utiliser Google Maps vs Street View

ScénarioMeilleur choix
Montrer l'emplacement d'un commerce sur une carteGoogle Maps
Montrer à quoi ressemble le quartier en personneStreet View
Montrer l'emplacement et les environsVue synchronisée (Pro)
Fournir un contexte d'itinéraireGoogle Maps
Afficher l'intérieur d'un commerceStreet View

Essayez Pro gratuitement pendant 7 jours

Toutes les fonctionnalités déverrouillées. Annulez à tout moment.

Démarrer l'essai