Comment ajouter une carte interactive au site WordPress
Maintenant, faites défiler vers le bas et trouvez les options qui affichent l’ajout de nouvelles étiquettes à ce niveau. À l’écran suivant, vous pourrez définir le nom et l’emplacement de l’indicateur en utilisant la même carte que la précédente. Vous pouvez également sélectionner une icône et définir le texte contextuel pour l’étiquette. Ce message s’affiche lorsque les gens cliquent sur l’étiquette elle – même ou sélectionnent l’étiquette dans la liste si vous choisissez de l’inclure. En tout état de cause, n’oubliez pas d’appuyer sur le bouton publier une fois terminé. Après avoir ajouté quelques balises, votre niveau initial devrait ressembler à ceci:
Lorsque vous êtes prêt à ajouter une nouvelle carte interactive à l’une des pages, vous devez utiliser un code court. Faites défiler vers le Haut de l’onglet modifier les calques et trouvez l’ID approprié:
Maintenant, placez le Code Court [mapmarker Layer = \
2. Intégration par Google Maps
Google Maps n’a pas besoin de présentation, c’est un service qui vous permet d’extraire des cartes du monde entier afin que vous puissiez partager des emplacements, trouver des adresses, et même partager votre emplacement avec d’autres personnes. En parlant de sites Web, vous pouvez intégrer Google Maps dans votre page de plusieurs façons. Cependant, la plupart des cartes offrent une interactivité limitée. Ils vous permettent de naviguer, zoomer, zoomer et modifier les vues, mais c’est tout.
En fait, Google Maps offre beaucoup plus de fonctionnalités que les cartes simples. Par exemple, vous pouvez également ajouter plusieurs indicateurs, mesurer la distance et inclure
, Divi doit alimenter la cartographie utilisée par son module. Suivez ce tutoriel pour obtenir les clés de l’API, une fois disponibles, ouvrez Divi Builder sur la page désirée. Ensuite, ajoutez une carte de module et ouvrez ses paramètres. Vous verrez un bouton en haut de l’écran qui dit ajouter une API clé:
En cliquant sur ce bouton, vous accédez à la page de configuration Divi où vous pouvez ajouter la clé de l’API Google:
Enregistrer la clé et retourner Divi Builder. Si vous ouvrez à nouveau la fenêtre de configuration du module carte, vous verrez que vous pouvez maintenant sélectionner l’adresse du Centre de la carte, qui apparaît sur la carte: Localisez l’adresse que vous voulez voir et faites défiler vers l’endroit où vous voulez afficher ajouter un nouveau pin. En cliquant sur ce bouton, vous pouvez définir le titre, la description et l’emplacement du premier clou de la carte:
N’oubliez pas que le module de cartographie Divi vous permet d’ajouter plusieurs broches. C’est une option valide si vous voulez mettre en évidence plusieurs adresses. De plus, vous pouvez modifier le style de la goupille en allant aux paramètres de conception et en utilisant des options. Voici un exemple de carte complète créée à l’aide du module de carte Divi:
Bien que Google Maps et Maps Marker pro offrent plus de personnalisation, Divi se distingue par sa facilité d’utilisation. De plus, vous n’avez pas besoin de code court ou intégré pour placer une carte. Après tout, les constructeurs vous donnent un contrôle total sur l’endroit où ils devraient aller. Conclusion il est facile d’ajouter des cartes au site WordPress, surtout si vous utilisez Divi, grâce à son module cartes. Cependant, les cartes normales ne sont utiles que si vous voulez afficher une seule adresse. Si vous avez besoin de plus de flexibilité, les cartes interactives sont un bon choix. Avec wordpress, il y a deux façons d’ajouter des cartes interactives à un site Web. Résumons ceci: utiliser
