Carte Google pour site web
Saisissez l'adresse ou le nom du lieu. L'aperçu affiche la carte et le code est déjà responsive, occupant toute la largeur de la page sur mobile.
Mode d’emploiCarte de l'adresse sur le site
Carte Google pour site web: à quoi ça sert
Saisissez l'adresse ou le nom du lieu et choisissez le zoom, le type (plan, satellite ou satellite avec rues), la hauteur et les coins. L'aperçu affiche la vraie carte et le code sort avec une largeur de 100 %, un chargement différé (loading=lazy) et un titre pour l'accessibilité.
L'outil génère aussi le lien d'itinéraire, qui ouvre le trajet dans Google Maps ou dans l'application du téléphone.
Mode d’emploi
- Saisissez l'adresse de votre entreprise.
- Ajustez le zoom, le type et la hauteur de la carte.
- Copiez le code de la carte et le lien d'itinéraire.
Quand l’utiliser
- Page de contact de boutiques, cabinets et restaurants.
- Sites d'événements et de mariages.
- Pages d'atterrissage d'entreprises locales.
Questions fréquentes
Faut-il une clé d'API Google ?
Non. Le code utilise l'adresse d'intégration simple de Google Maps (maps.google.com avec output=embed), qui ne demande pas de clé. Pour des cartes au style personnalisé ou avec de nombreux marqueurs, l'API Google Maps est alors nécessaire.
La carte ralentit-elle le site ?
L'iframe de Google est lourde. Le code utilise loading="lazy" : la carte ne se charge donc que lorsque le visiteur fait défiler jusqu'à elle. Placez la carte en bas de page, près du contact.
Comment créer le bouton d'itinéraire ?
Utilisez le lien généré : il ouvre Google Maps (ou l'application sur mobile) avec l'itinéraire jusqu'à l'adresse. Il fonctionne très bien sur un bouton à côté de la carte.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.