# Cartes

Les Cartes vous permettent d'afficher les éléments "champs Adresse" sous forme de cartographie. \
Ainsi, chaque point de la carte affiche un enregistrement sous la forme d'une icône dont vous pouvez paramétrer la couleur. &#x20;

## ➕ Créer une Carte&#x20;

Depuis l'onglet *Données* de la barre d'ajout d'un élément, cliquez sur **Ajouter un affichage** puis sur **Carte**. Vous pouvez ensuite cliquer sur l’élément Carte placé dans votre page afin d’en modifier les paramètres.

## ⚙️ Paramétrer une Carte

{% hint style="info" %}
Pensez à renommez votre Calendrier afin de le retrouver plus facilement dans l'application.
{% endhint %}

### 🗂️ Paramétrage des sources

{% hint style="info" %}
Une source est créée par défaut. Vous pouvez en ajouter d’autres en cliquant sur « Ajouter une source » en bas de la configuration.
{% endhint %}

&#x20;👉🏼 Vous pouvez renommer votre source en cliquant sur le crayon à côté de son nom :

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FQSzIvFXFFlMnUZQU1FIH%2Fimage.png?alt=media&#x26;token=f0ec58f7-2b6d-4063-8356-582156a20b12" alt="" width="444"><figcaption></figcaption></figure>

1️⃣ Sélectionnez la table source à partir de laquelle les enregistrements seront récupérés pour être affichés sur la carte.\
\
2️⃣ Choisissez ensuite quels enregistrements vous souhaitez afficher.

<details>

<summary>Choix des enregistrements à afficher</summary>

👉🏼 De l'**Utilisateur connecté** : signifie que les réponses qui s'afficheront sur la Carte seront issues des enregistrements remplis par l'Utilisateur uniquement. \
Par exemple : si l'Utilisateur a rempli 2 workflows "Ajouter un chantier", alors 2 marqueurs apparaîtront sur la Carte. \
\
👉🏼 Des **Groupes auxquels appartient l'Utilisateur** : signifie que les réponses qui s'afficheront sur la Carte seront issues des enregistrements remplis par l'Utilisateur ET des enregistrements remplis par les Utilisateurs faisant partie du même Groupe. \
Par exemple : si Marie et Paul font partie du même Groupe et qu'ils ont renseignés 2 chantiers chacun, alors 4 marqueurs apparaîtront sur la Carte. \
\
👉🏼 **Tout le monde** : signifie que les réponses qui s'afficheront dans la Liste seront issues des enregistrements remplis par tous les Utilisateurs de l'Application.

</details>

3️⃣ Sélectionnez le champ de la table source correspondant à l'adresse qui doit être utilisée pour l’affichage sur la Carte

4️⃣ Choisissez l’icône à afficher pour marquer les emplacements sur la carte.

5️⃣ Déterminez la couleur de l’icône. Vous pouvez définir la couleur depuis :

* Une valeur personnalisée : en sélectionnant la couleur directement depuis un sélecteur de couleur.
* La valeur d'un champ : en sélectionnant une variable de [champ couleur ](https://ksaar.gitbook.io/ksaar-documentation/les-elements/les-champs#le-champ-couleur)à utiliser.

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2Fsrmj78GNCMvAY9HPsD6e%2Fimage.png?alt=media&#x26;token=287c355b-fe69-49c6-8bfd-96e2508ed214" alt="" width="296"><figcaption><p>Option disponible dans les paramètres de la source</p></figcaption></figure>

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FRd6puiCEh0C5q793iMof%2FEnregistrement%20de%20l%E2%80%99e%CC%81cran%202024-04-03%20a%CC%80%2015.30.28.gif?alt=media&#x26;token=5ee1ebeb-231a-4856-b617-dec820b6c7e5" alt="" width="473"><figcaption><p>Exemple de paramétrage de la couleur d'une carte - couleur en fonction du statut</p></figcaption></figure>

6️⃣ Définissez le titre des marqueurs à afficher lors du survol. Il est possible d'utiliser des variables pour personnaliser le titre en fonction des enregistrements.

7️⃣ Choisissez la redirection lorsque l'Utilisateur cliquera sur l'icône. La redirection peut s'effectuer vers un **Workflow**, une **Fiche**, un **Suivi** ou un **lien externe**. \
Vous pouvez aussi afficher une **Description** pouvant contenir des variables.\
Par exemple : dans le cas d'une Carte qui affiche tous les chantiers d'une entreprise

Titre à affiche : {Nom du Chantier}\
Description : {Adresse du chantier}\
{Client lié } 📱 {Numéro de mobile}&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2Fj4JZPUHuvLelvvWUtpr9%2FCapture%20d%E2%80%99e%CC%81cran%202025-12-15%20a%CC%80%2011.48.28.png?alt=media&#x26;token=25e08fab-8dc1-4ac4-8d6f-84201c4f105c" alt=""><figcaption><p>Aperçu côté USER lors du clic sur une icône</p></figcaption></figure>

Déterminez également si vous souhaitez afficher un bouton menant vers une fiche lors de l’ouverture de la description du marqueur. Le cas échéant, sélectionnez la fiche ainsi que le texte du bouton affiché sous la description. Exemple : « Modifier le chantier ».

<div><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQBQ-Fk5qKATOA2R2_R%2F-MRdiH0P-DENNDdJr_Ov%2F-MRdibLsxfHqIKilqBUQ%2FCarte%20Clic%20marqueur%20avec%20fiche.png?alt=media&#x26;token=b311e939-2923-4cda-bb37-dba8d9c6dd46" alt="Aperçu côté USER lors d&#x27;un clic sur une icône avec bouton qui mène vers une fiche"> <figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FZVQaidiTuYdbC5dQq4N7%2FCapture%20d%E2%80%99e%CC%81cran%202025-12-16%20a%CC%80%2009.41.44.png?alt=media&#x26;token=1920a429-f1f0-48f1-99d3-9f928d5a8bc9" alt=""><figcaption><p>Paramétrage correspondant</p></figcaption></figure></div>

7️⃣ *(facultatif)* Ajoutez des filtres afin de conditionner l’affichage des enregistrements sur la Carte.

Vous pouvez définir des conditions d'affichage des enregistrements en fonction :

* de la valeur prise par un **champ Utilisateur** (identifiés par le (U) devant leur identifiant unique)
* de la valeur prise par un **champ de la Table**
* d'un Persona, d'un Utilisateur, d'une Table, d'une étape de suivi en cours, de la date de création, de la date de modification, du statut de l'enregistrement

Cela me permet par exemple, de créer une seule et même carte avec plusieurs sources d'adresses et de pouvoir décider qui peut voir la source. <br>

Par exemple, je créer une Carte avec deux sources :&#x20;

* la localisation des Chantiers&#x20;
* la localisation des Techniciens<br>

Je veux que les deux sources soient visibles par la Persona Directeur et par la Persona Comptable mais je veux que les Techniciens ne puissent voir que la localisation des Chantiers:&#x20;

* Au niveau de la source Techniciens, je clique sur le menu données puis sur l'onglet Filtres
* Je programme ma condition :&#x20;
  * Type de champ : Autre&#x20;
  * Champ à tester : Persona&#x20;
  * Comparaison : Différent de&#x20;
  * Valeur : Technicien

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2FE9OGIrSFhskLEPL07znH%2FCapture%20d%E2%80%99e%CC%81cran%202022-10-26%20a%CC%80%2016.30.53.png?alt=media&#x26;token=f16334bf-2950-423c-837d-1177f5c22e61" alt=""><figcaption></figcaption></figure>

Cela signifie que la source "Techniciens" **s'affiche SI** la Persona est différente de Techniciens.

### 🗺 Définir la vue par défaut de la Carte pour les utilisateurs

Cette option permettra aux utilisateurs de se retrouver à un endroit que vous aurez choisi lors de l'affichage de la Carte. Vous pouvez choisir l'emplacement et le niveau de Zoom. \
Par défaut, lorsque vous ajoutez une Carte, celle-ci est centrée sur la ville de Paris.\
\
👆🏼Ainsi, pour des adresses majoritairement situées à Bordeaux, il convient de déplacer la carte sur la ville de Bordeaux. Au contraire, si les adresses sont situées aux quatre coins de la France, il conviendra alors de dézoomer la carte pour avoir un aperçu de la France entière.&#x20;

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F7S1HdPwwOOJbWwMKaVdV%2FCapture%20d%E2%80%99e%CC%81cran%202025-12-16%20a%CC%80%2009.44.06.png?alt=media&#x26;token=ceb93edd-bfd5-447d-baad-e7983e1aa7d5" alt="" width="273"><figcaption><p>Vue par défaut</p></figcaption></figure>

### 🔽 Paramètres spécifiques à l'emplacement

1️⃣ *(facultatif)* Centrez la carte par rapport à un champ adresse

Dans les paramètres spécifiques à l'emplacement, vous pouvez choisir de centrer la carte par rapport à un champ adresse d'une table ou d'un utilisateur. Ce paramètre est prioritaire par rapport à la vue par défaut, mais si le champ choisi est vide, la carte sera centré par rapport à la vue par défaut.

<figure><img src="https://2063331370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MQBQ-Fk5qKATOA2R2_R%2Fuploads%2F1iVKOueNAKbyngaO8VtD%2FCapture%20d%E2%80%99e%CC%81cran%202025-12-15%20a%CC%80%2012.06.23.png?alt=media&#x26;token=f6dfc3ab-49c0-4c28-b033-aadc911ff44c" alt="" width="329"><figcaption><p>Centrer par rapport à un champ</p></figcaption></figure>

2️⃣ *(facultatif)* Filtrez une carte par un élément champ Zone Géographique

Cette fonctionnalité vous permet de filtrer votre Carte et de rechercher à l'intérieur de celle-ci :&#x20;

* une localité&#x20;
* un temps de trajet (en transport) &#x20;

👉🏼 Cette option s’affiche uniquement si un champ *Zone géographique* est présent à l’emplacement où la carte est insérée.

Pour en savoir plus sur cette fonctionnalité et comment la paramétrer\
&#x20;👉🏼 [**rendez-vous sur ce lien**](https://ksaar.gitbook.io/ksaar-documentation/les-elements/les-champs#le-champ-zone-geographique)

3️⃣ *(facultatif)* Filtrez les enregistrements. Ce type de filtre fonctionne comme les **filtres de la source de données**, mais il est **spécifique à l’emplacement** où la carte est positionnée.

👉🏼 Cela permet de définir des filtres différents selon l’endroit où la carte est utilisée, indépendamment des filtres globaux de la source.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ksaar.gitbook.io/ksaar-documentation/laffichage-des-donnees/cartes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
