Catégories de widgets : Business
Montrez à vos visiteurs une carte de l'endroit de votre choix. Utilisez le widget Carte pour indiquer l'emplacement de votre commerce physique ou d'un événement spécial. Vous pouvez également l'utiliser pour indiquer aux clients où ils trouveront une place de stationnement.
Mapbox est le fournisseur de cartes par défaut pour le widget Carte. Vous pouvez toutefois définir Google Maps comme fournisseur de cartes par défaut pour tous les sites nouveaux et existants de votre compte. Outre le widget Carte, Google Maps deviendra la solution par défaut pour toutes les recherches de localisation et les cartes pour la bibliothèque de contenu et les autres widgets applicables.
Toutes les données de localisation de Mapbox sont enregistrées et appliquées à Google Maps. Cela garantit que vous n'avez pas besoin de configurer à nouveau des emplacements.
Notez que cette fonctionnalité ne peut être activée que par les membres du personnel autorisés à personnaliser le compte.
Pour définir Google Maps comme fournisseur de cartes par défaut, procédez comme suit :
-
Dans votre compte Google Maps, générez une clé API. Pour savoir comment générer une clé API, consultezLa documentation de Google. Nous vous recommandons de laisser votre avisPolitique d'utilisation et de facturation de Google.
-
(Facultatif) Si vous configurez votre compte Google de manière à ce que la clé API ne puisse être utilisée que sur des sites Web spécifiques, vous devez ajouter duda.co, le domaine de votre site et, le cas échéant, tout domaine en marque blanche à la liste des sites Web autorisés de votre compte Google. Il est important d'utiliser le format suivant pour vos domaines :
*.duda.co/* -
Depuis votre tableau de bord, cliquez sur votre avatar dans le coin supérieur droit et sélectionnezCompte.
-
Sur la page Paramètres du compte, faites défiler l'écran jusqu'àIntégration de Google Mapssection et cliquezConfigurer.
-
Collez votre clé API dans le champ, puis cliquez surAppliquer à tous les sites. Cela fait de Google Maps la carte par défaut pour tous les sites existants et nouveaux de votre compte.
À tout moment, vous pouvez désactiver Google Maps et revenir à Mapbox. Toutes les données de localisation de Google Maps seront enregistrées et automatiquement appliquées à Mapbox lorsque vous changerez
Options de configuration de la carte
-
Tapez votre adresse professionnelle dans le champ prévu à cet effet.
-
Sélectionnez l'adresse dans la liste déroulante qui apparaît.
Note
Si votre adresse n'apparaît pas dans la liste déroulante, cela signifie que ICI base de données utilisée par Website Builder ne contient pas l'adresse. Pour soumettre ou corriger l'adresse, contactez Créateur de cartes HERE.
Lorsque vous utilisez Google Maps comme fournisseur par défaut, consultez la documentation de Google, Ajouter un lieu manquant à Google Maps.
-
-
Vous pouvez choisir d'afficher un bouton de carte au lieu d'une image de carte.
-
Pour afficher un bouton cartographique sur des appareils spécifiques dans l'éditeur classique, sélectionnez Utiliser le bouton appareils (
) à l'endroit où vous souhaitez que le bouton apparaisse. Si aucun appareil n'est sélectionné, l'image de la carte sera affichée.
-
Éditeur 2.0 : Pour activer le bouton sur tous les appareils, cliquez sur Définir comme bouton sur tous les appareils basculer.
-
-
Tapez le texte que vous souhaitez voir apparaître sur le bouton dans Texte sur le bouton champ fourni.
-
Popup d'informations sur la localisation (Fenêtre d'information pour le marqueur cartographique). Pour afficher une fenêtre contextuelle contenant des informations de localisation dans le widget cartographique, procédez comme suit
-
Tapez un titre et une description pour la fenêtre contextuelle.
-
Sélectionnez pour afficher la fenêtre contextuelleEn survol,En un clic, ouToujoursdans la liste déroulante d'affichage contextuel.
-
Pour intégrer des cartes depuis Google Maps à l'aide du widget HTML, procédez comme suit :
-
Accédez à Google Maps.
-
Recherchez le lieu que vous souhaitez.
-
Cliquez sur le menu en haut à gauche, puis cliquez sur Partager ou intégrer une carte .
-
Cliquez sur le Intégrer la carte onglet.
-
Copiez l'URL entre guillemets après <iframe src = ». Assurez-vous de copier l'URL complète entre guillemets
-
Accédez à votre site et, dans le panneau de gauche, cliquez sur Widgets, puis faites glisser le Widget HTML dans une ligne ou une colonne.
-
Utilisez le code d'intégration suivant et ajoutez l'URL que vous avez obtenue auprès de Google Maps entre guillemets après l'iframe src= :
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> -
Passez en mode développeur.
-
Cliquez Site HTML/CSS, puis cliquez sur site.css.
-
Intégrez le code CSS suivant dans cette section :
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }La carte sera redimensionnée en fonction des différentes vues de l'appareil. Si vous utilisez le code intégré normal de Google Maps, la taille du widget cartographique apparaîtra statique sur tous les appareils et sera supprimée dans la vue mobile.