WordPress | Cartes personnalisées et intégrations depuis Google My Maps

St9ph — Tue, 04 May 2021 17:01:56 +0000

Google My Maps permet de cartographier vos lieux d’implantation ou vos leads afin de visualiser votre zone de chalandise ou d’aider vos commerciaux en prospection terrain. Cet article explique comment personnaliser et enregistrer vos cartes et comment les intégrer sur vos sites.. Nous utiliserons comme exemple le CMS WordPress.

Plan de l’article

Cartes personnalisées Google My Maps
Intégration d'une carte personnalisée dans WordPress
Vers l'épreuve E5

Cartes personnalisées Google My Maps

Google My Maps est l’espace dans lequel vous pouvez enregistrer vos cartes personnalisées, y intégrer vos adresses, vos itinéraires et vos tournées.

création d’une carte personnalisée

cliquer sur le bouton “créer une carte”
Cliquer sur le texte “carte sans titre” du panneau de gauche

Donner un titre à la carte et une description (au cas où vous la partageriez sur votre espace drive).
Cliquer sur enregistrer

Integration de vos adresses dans votre carte personnalisée

Concevez un tableur ou récupérez le csv de vos données en veillant à ce qu’elles contiennent un champs “adresse” identifiable par My Maps. Le format google approprié est :
n° de rue (pas de virgule) nom de la rue <virgule> code_postal ville

Cliquer sur “importer” du bandeau “calque sans titre”
faire glisser le classeur vers la zone de drop ou cliquer sur parcourir pour le rechercher sur votre ordinateur

Rq : Vous pouvez aussi aller le chercher directement sur votre drive en changeant d’onglet

My Maps vous demande maintenant quel est le champs qui contient l’adresse ou les coordonnées GPS afin de pouvoir positionner chaque donnée.

cliquer sur adresse puis sur continuer

My maps vous demande à présent de préciser le champ permettant de titre le repère de position

cliquer sur nom puis sur terminer

My Maps positionne alors les repères est zoome pour afficher l’ensemble d’entre eux.

Vous pouvez bien sur personnaliser la couleur, l’icone du repère, même ajouter une photo si vous le souhaitez (je ne vois pas trop l’utilité) et demander un itinéraire vers ce client.

Vous pouvez aussi, demander un itinéraire d’un client à l’autre. En fait, toutes les fonctionnalités de Maps sont disponibles aussi ici.

Intégration d’une carte personnalisée dans WordPress

Depuis My Maps :

il faut d’abord partager cette carte pour pouvoir l’intégrer sur votre site WordPress.

cliquer sur le choix “partager” du bandeau de gauche
Cliquer sur “activer le lien de partage“
Cliquer sur “public“

Ainsi, vous donnez le droit à n’importe quel site ayant votre lien d’intégration d’accéder aux donnés que contient votre carte.

Maintenant, nous allons pouvoir récupérer le lien d’intégration.

cliquer sur le menu hamburger (les 3 petits points verticaux) du bandeau de gauche
choisir “intégrer la carte à mon site“.

cliquer droit sur le code qui apparait dans la boite de dialogue
Choisir “copier” (ou CTRL + C)
Cliquer sur OK

Le code est en mémoire pour votre intégration sur votre site.

Dans WordPress :

insérer la carte dans un widget WordPress

Dans l’article ou la page où vous souhaitez faire figurer votre carte :

Cliquer sur le bouton d’ajout de bloc +
Cliquer (au besoin) sur “tout parcourir” pour avoir la liste détaillée des blocs
Rechercher “Html personnalisé” dans la section widgets et cliquer dessus

Coller le code d’intégration

Vous pouvez prévisualiser le résultat en cliquant sur le bouton.

Voilà, vous avez une carte dynamique, que vous pouvez manipuler comme si vous étiez dans Maps, mais directement depuis WordPress !

Voyez le résultat :

Vers l’épreuve E5

Attention, depuis la directive pour l’épreuve 2025, l’intégration de cartes se fait obligatoirement via Spectra. Cet article n’a donc plus d’intérêt pour l’épreuve mais reste une alternative pour vos créations personnelles.

Dans la même catégorie :