TechBlogSD - Tout pour le développement WordPress et WEB
Instructions WEB et WordPress, actualités, revues de thèmes et plugins

Comment ajouter Google Maps dans Weebly ?

7

Les cartes sont utilisées pour afficher l’adresse de votre entreprise sur votre site Web de manière réelle au lieu d’une simple adresse textuelle. Les utilisateurs peuvent agrandir et afficher l’adresse en temps réel et également naviguer vers Google Maps pour trouver les directions ou laisser un avis.

Connexe : Comment utiliser Google Maps dans le site WordPress.

Weebly vous permet d’ajouter des cartes sur votre site des manières suivantes :

  • Utilisation de l’élément Map par défaut
  • Utilisation de l’élément Embed Code
  • Ajouter des cartes à partir de sites Web tiers

Nous discuterons des deux options en détail dans les sections suivantes.

Ajouter Google Maps dans Weebly à l’aide d’un élément de carte

L’élément de carte dans l’éditeur de site Weebly permet d’ajouter des cartes Google sur votre site et de personnaliser l’adresse, la taille, le fabricant, etc. Vous pouvez simplement faire glisser et déposer l’élément "Carte" et la carte Google sera automatiquement ajoutée sur la page.

Comment ajouter Google Maps dans Weebly ?

Élément de carte Weebly

Cliquez sur la carte pour voir les options de personnalisation suivantes :

  • Adresse – entrez la ville pour concentrer le marqueur sur ce point sur la carte.
  • Zoom – définissez la limite de zoom en faisant glisser le curseur jusqu’au niveau requis.
  • Largeur et hauteur – définissez la largeur et la hauteur de votre carte pour qu’elle s’adapte à la mise en page. Laissez la largeur sur « Auto » pour une carte réactive s’alignant automatiquement pour s’adapter à la largeur du navigateur.
  • Position – définissez l’alignement à gauche, à droite ou au centre de la carte.
  • Espacement – définissez les marges supérieure et inférieure pour laisser de l’espace entre les autres éléments et la carte sur une page.
  • Emplacement avancé – Si l’adresse n’est pas précise, vous pouvez entrer les coordonnées exactes de latitude et de longitude pour placer le marqueur à l’endroit précis.
  • Affichage avancé – vous pouvez afficher ou masquer le marqueur à l’adresse, l’échelle sur la carte, la carte d’ensemble et le contrôle de la carte.

Vous pouvez choisir l’une des options ci-dessous pour la fonction panoramique sous le contrôle de la carte :

  • Grand contrôle de panoramique et de zoom
  • Petit zoom et contrôle panoramique
  • Petite commande de zoom uniquement
  • Rien

Dans la plupart des situations, la carte par défaut est suffisante et recommandée car elle fait partie de l’interface de l’éditeur Weebly.

Intégrer ou lier Google Map

L’élément de carte Weebly offre des options restreintes et ne permet pas d’intégrer la recherche de direction ou la carte Street View. Si vous recherchez une carte avec plus d’options, suivez les instructions ci-dessous :

  • Allez sur le site de Google Maps.
  • Recherchez et localisez l’adresse.
  • Si vous voulez ajouter les directions entre votre adresse et n’importe quel endroit spécifique.
  • Cliquez sur l’icône du menu de navigation située dans le coin supérieur gauche.
  • Choisissez l’option « Partager ou intégrer la carte » comme indiqué ci-dessous :

Comment ajouter Google Maps dans Weebly ?

Intégration de Google Maps

  • Choisissez la taille de votre carte sous l’onglet « Intégrer la carte ».
  • Copiez le code iframe.

Comment ajouter Google Maps dans Weebly ?

Intégrer Google Map avec les directions

  • Rendez-vous sur votre site Weebly et collez le code Google maps dans un élément «Embed Code ».

L’ajout de la carte Google réduira considérablement la vitesse de la page car elle appellera l’API Google pour charger la carte. Ainsi, au lieu d’ajouter une carte en temps réel, vous pouvez simplement créer un lien vers l’emplacement de votre adresse sur la carte Google. Dans le processus ci-dessus, au lieu d’aller dans l’onglet « Intégrer la carte », cliquez sur l’onglet « Partager le lien ». Copiez le lien et vous pouvez créer un lien hypertexte sur Weebly avec n’importe quel texte ou image d’ancrage.

Comment ajouter Google Maps dans Weebly ?

Partage de l’emplacement de Google Maps

En cliquant sur le lien, vous ouvrirez le site de Google maps, y compris la recherche d’itinéraires.

Intégration de Google Maps à partir de sites Web tiers

Il existe également de nombreuses offres tierces d’API Google Maps avec une meilleure vue sur le site. Par exemple, vous pouvez accéder au site d’ intégration de Google Maps et fournir les options telles que l’adresse, le type de carte, la taille et le zoom pour générer rapidement le code d’intégration. Collez le code d’intégration dans l’élément « Code d’intégration » sur votre site Weebly et présentez votre emplacement sur la carte à vos utilisateurs.

Comment ajouter Google Maps dans Weebly ?

Intégrer Google Map tiers

Source d’enregistrement: webnots.com
Leave A Reply

Ce site utilise des cookies pour améliorer votre expérience. Nous supposerons que cela vous convient, mais vous pouvez vous désinscrire si vous le souhaitez. J'accepte Plus de détails