L'équipe CMP vous souhaite une belle journée !

Comment créer une carte Google Maps personnalisée

Ce tutoriel vous explique pas à pas comment créer une carte Google Maps personnalisée avec plusieurs points (ex. : 14 points de collecte de sapins) et l’intégrer dans un article de votre site.

Information importante

La carte Google Maps classique intégrée dans un article ne permet pas d’ajouter des points personnalisés directement.

Pour cela, il faut utiliser Google My Maps (outil gratuit de Google dédié à la création de cartes personnalisées).

Étape 1 – Accéder à Google My Maps

  • Ouvrez votre navigateur

  • Connectez-vous avec un compte Google (compte professionnel recommandé)

  • Cliquez sur « Créer une carte »

Étape 2 – Créer une nouvelle carte

  • Une carte vierge s’ouvre

  • En haut à gauche, cliquez sur « Carte sans titre »

  • Renseignez :

    • Titre : Collecte des sapins – Points de dépôt

    • Description : Carte des points de collecte des sapins sur la commune

  • Cliquez sur Enregistrer

Étape 3 – Ajouter les 14 points de collecte

  • Cliquez sur l’icône « Ajouter un repère » (icône de balise)

  • Cliquez sur l’emplacement souhaité sur la carte

  • Renseignez :

    • Nom du point (ex. : Parc de la mairie)

    • Description (adresse, dates de collecte, horaires…)

  • Cliquez sur Enregistrer

  • Répétez l’opération pour les 14 points

Étape 4 – Personnaliser l’apparence des points

  • Cliquez sur un point

  • Cliquez sur l’icône pot de peinture 🎨

  • Vous pouvez :

    • Changer la couleur

    • Changer l’icône (sapin, recyclage, épingle…)

Astuce : utilisez la même icône pour tous les points de collecte.

Étape 5 – Ajuster l’affichage de la carte

  • Zoomez et dézoomez pour que tous les points soient visibles

  • Déplacez la carte pour centrer correctement la commune

Étape 6 – Partager et intégrer la carte dans l’article

  1. Cliquez sur « Partager »

  2. Paramétrez l’accès sur : « Toute personne disposant du lien »

  3. Cliquez sur les 3 points à côté du titre de la carte

  4. Sélectionnez « Intégrer la carte sur mon site »

  5. Copiez le code iframe fourni

Étape 7 – Ajouter la carte dans une page du site

  • Ajoutez un bloc HTML

  • Collez le code iframe

  • Enregistrez la page

Mis à jour