Activer Google Maps et différents modèles de cartes gratuits

Ouvrez la page dans le mode Édition d'Elementor, sélectionnez le widget Carte et suivez Contenu -> Carte,
Dans la liste déroulante, nous avons ajouté des mises en page de cartes populaires.


1. Google Map

  • sélectionner dans Liste des styles -> Google Map

Google Maps nécessite une clé API. Suivez le lien ci-dessous pour l'obtenir :

https://developers.google.com/maps/documentation/javascript/get-api-key

Vous pouvez définir le type de carte Google par défaut :

Sur le site du visiteur, le type peut également être modifié :


2. Carte de Thunderforest (plan gratuit inclus, sans carte, inscription facile)

Tarification : https://www.thunderforest.com/pricing/

Vous pouvez prévisualiser la carte sur votre site web, puis, si vous prévoyez de l'utiliser, saisir votre clé dans le champ prévu à cet effet.


3. Carte Jawg (plan gratuit inclus, pas de carte, inscription très facile)

Tarification : https://www.jawg.io/en/pricing

Lien de démonstration avec styles de carte : https://www.jawg.io/en/maps

Prévisualisez la carte via le lien de démonstration, puis, si vous utilisez le plan, saisissez votre clé dans le champ prévu à cet effet.


4. Ajouter d'autres mises en page personnalisées

Exemple de source (ou tout autre lien respectant le style de la carte Leaflet) : https://leaflet-extras.github.io/leaflet-providers/preview/

Sélectionnez Styles -> Personnalisé dans la liste, puis insérez dans le champ prévu à cet effet le lien vers le style de carte personnalisé, par exemple :

5. Modèles de cartes gratuits (sans légende)

Sélectionner dans la liste des styles