Ajouter une carte sur une page de projet (module Carte)
Par Équipe de Cocoriko le 23 oct. 2026, 11 h 08 min 29 s
Le module Carte affiche une carte interactive directement sur votre page de projet. Utilisez-le pour montrer où se déroule votre projet, et laissez les visiteurs l'explorer eux-mêmes. Avec le module Carte, vous pouvez :
- cadrer la zone que les visiteurs voient à l'ouverture de la page;
- importer vos propres couches de carte, comme des zones, des trajets ou des sites;
- laisser les visiteurs zoomer, chercher une adresse et afficher ou masquer chaque couche.
Dans cet article
- Ajouter le module Carte
- Configurer la carte
- Importer des couches de carte
- Ajouter des boutons sous la carte
- Ce que voient les visiteurs
- Déplacer ou supprimer le module
- Dépannage
Ajouter le module Carte
- Cliquez sur Liste de Projets dans le menu de gauche, puis ouvrez votre projet.
- Ouvrez l'onglet Modules.
- Cliquez sur le bouton + au-dessus du tableau des modules.
- Dans Créer un module, choisissez Carte comme Type. Le Titre est rempli pour vous; modifiez-le au besoin, dans chaque langue de votre projet.
- Cliquez sur Sauvegarder. Les paramètres du module s'ouvrent.
Les nouveaux modules sont ajoutés au bas de la page. Vous pouvez ajouter plus d'un module Carte sur la même page.
Configurer la carte
Dans l'onglet Informations générales du module :
- Vérifiez le Titre, et ajoutez une Description si vous voulez du texte au-dessus de la carte.
- Sous Vue initiale de la carte, utilisez les boutons +/- et faites glisser la carte jusqu'à ce qu'elle montre la zone voulue. Les visiteurs voient exactement cette vue à l'ouverture de la page. Ils peuvent zoomer et se déplacer à l'intérieur, mais pas dézoomer davantage ni sortir de la zone.
- Sous Style de Carte, choisissez Rues (par défaut), Plein Air, Clair ou Satellite.
- Pour retirer la boîte de recherche d'adresse au-dessus de la carte, activez Masquer la recherche d'adresse au-dessus de la carte.
- Pour donner au module un fond de couleur qui le fait ressortir sur la page, activez Mettre en évidence.
- Cliquez sur Sauvegarder.
La carte n'apparaît sur la page de projet qu'une fois la vue initiale définie. Cliquez sur Prévisualiser en haut de la page pour la vérifier.
Importer des couches de carte
Les couches sont vos propres données géographiques, affichées par-dessus la carte : une zone de chantier, une piste cyclable, les sites d'un projet. Exportez-les de votre logiciel de cartographie (souvent ArcGIS ou QGIS) en fichier GeoJSON, en WGS 84 (EPSG:4326).
- Dans l'onglet Informations générales, cliquez sur Importer une couche.
- Choisissez votre fichier GeoJSON (.geojson ou .json). La couche est ajoutée sous Couches de carte et sauvegardée tout de suite.
- La couche porte le nom du fichier. Modifiez son Nom dans chaque langue de votre projet : c'est ce nom que voient les visiteurs.
- Cochez Visible pour afficher la couche à l'ouverture de la page. Décochez-la pour qu'elle soit masquée au départ : les visiteurs peuvent quand même l'afficher.
- Cliquez sur Sauvegarder.
Importez un fichier par couche. Pour retirer une couche, cliquez sur son icône de suppression, puis confirmez.
Importer ou supprimer une couche sauvegarde le module tout de suite. Si vous avez des modifications non sauvegardées, on vous demande de confirmer d'abord : sauvegardez vos autres modifications avant d'importer.
Couleurs. Les couches sont bleues, à moins que votre fichier définisse ses propres couleurs. Pour les choisir, ajoutez des propriétés de style aux éléments de votre fichier (comme fill, stroke ou marker-color) avant de l'exporter.
Ajouter des boutons sous la carte
Dans l'onglet Boutons du module, vous pouvez ajouter jusqu'à deux boutons sous la carte, Principal et Secondaire. Activez un bouton, entrez son Texte et choisissez un Type de lien : un Lien URL, ou un autre module de la page (Module du projet). Cliquez ensuite sur Sauvegarder.
Ce que voient les visiteurs
Les visiteurs voient le titre du module, la description et la carte, suivis de vos boutons. Tout le monde peut voir la carte : aucune connexion n'est nécessaire. Sur la carte, les visiteurs peuvent :
- Zoomer et se déplacer à l'intérieur de la zone que vous avez cadrée.
- Chercher une adresse dans cette zone, à moins que vous ayez masqué la boîte de recherche.
- Ouvrir le panneau Couches pour afficher ou masquer chacune de vos couches.
- Revenir à votre vue initiale avec le bouton Réinitialiser la vue de la carte.
- Afficher la carte en plein écran.
Les visiteurs ne peuvent pas ajouter de marqueurs, commenter ni cliquer sur un élément de la carte pour en savoir plus. Pour cela, ajoutez une question Carte interactive à une consultation : voir Ajouter une question Carte interactive.
Déplacer ou supprimer le module
Dans l'onglet Modules de votre projet, utilisez les flèches de la colonne Monter/Descendre pour déplacer le module plus haut ou plus bas sur la page.
Pour le supprimer, ouvrez le menu Actions du module, cliquez sur Supprimer, puis confirmez. Le module et ses couches sont supprimés définitivement.
Dépannage
La carte n'apparaît pas sur la page de projet.
La vue initiale n'a pas été définie. Ouvrez le module, déplacez ou zoomez la carte sous Vue initiale de la carte, puis cliquez sur Sauvegarder.
Une couche ne s'importe pas.
Le fichier n'est pas un GeoJSON valide. Exportez la couche à nouveau depuis votre logiciel de cartographie, en choisissant le format GeoJSON.
Une couche s'importe, mais elle est absente ou mal placée.
Le fichier utilise probablement un autre système de coordonnées. Exportez-le à nouveau en WGS 84 (EPSG:4326).
La recherche d'adresse ne trouve rien.
La recherche ne fonctionne qu'à l'intérieur de la zone que vous avez cadrée. Une adresse à l'extérieur ne sera pas trouvée.
Les participants ne peuvent pas placer de marqueurs sur la carte.
Le module Carte sert seulement à consulter. Pour recueillir des emplacements auprès des participants, ajoutez une question Carte interactive à une consultation.
Besoin d'aide? Écrivez-nous à support@cocoriko.org.
Vous aimerez aussi
Articles connexes

Ajouter une question Carte interactive
La question Carte interactive répond au besoin d'identifier …

Ajouter une couche d’information géographique sur la carte interactive
Lorsque vous ajoutez une carte interactive, vous avez la pos …

Sélectionner la langue de la consultation sur une plateforme bilingue
Même si votre plateforme est bilingue, il pourrait y avoir d …
