> For the complete documentation index, see [llms.txt](https://charlie-solutions.gitbook.io/guide-charlie-solutions/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://charlie-solutions.gitbook.io/guide-charlie-solutions/gestion-de-carte/visualisation-des-elements.md).

# Visualisation des éléments

La **carte interactive** de Charlie Solutions permet d’accéder en un clic aux **informations détaillées** de chaque élément géolocalisé.\
Que ce soit un **matériel**, une **zone de stockage** ou un **site**, il vous suffit de cliquer sur son icône pour ouvrir sa fiche détaillée avec toutes ses informations utiles : 

<table data-view="cards"><thead><tr><th data-type="content-ref"></th><th data-hidden></th></tr></thead><tbody><tr><td><a href="/guide-charlie-solutions/gestion-de-carte/visualisation-des-elements.md#fiche-dun-materiel">Visualisation des éléments</a></td><td></td></tr><tr><td><a href="/guide-charlie-solutions/gestion-de-carte/visualisation-des-elements.md#fiche-dun-site">Visualisation des éléments</a></td><td></td></tr><tr><td><a href="/guide-charlie-solutions/gestion-de-carte/visualisation-des-elements.md#fiche-dune-zone">Visualisation des éléments</a></td><td></td></tr></tbody></table>

***

## Fonctionnement général

Sur la carte :

* Cliquez sur l’icône correspondant à l’élément (**matériel, zone, site**).
* Une **fenêtre latérale** s’ouvre, affichant les informations principales de l’élément sélectionné.
* Chaque fiche comporte **plusieurs onglets** (Informations, Historique, Matériels, Zones…) permettant d’explorer toutes les données liées.

<i class="fa-right">:right:</i> *Exemple : depuis la carte, cliquez sur une zone de stockage pour voir les matériels qu’elle contient, leur état de conformité, ou exporter leur liste.*

***

## Fiche d'un matériel

### Onglet information

Lorsqu’un **matériel** est sélectionné, une **fenêtre latérale** s'ouvre avec l'onglet ***"Informations"*** qui affiche :

* Photo du matériel
* Type et Référence&#x20;
* État de suivi
* État de conformité
* Statut
* Capteur/Tracker associé + son niveau de batterie&#x20;
* Date de détection
* Adresse

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FqrBNYDSkbCtjDdWm95mX%2Fimage.png?alt=media&amp;token=d1120b10-9086-4ba3-8a9c-01b603fc640b" alt=""><figcaption></figcaption></figure></div>

Plusieurs actions sont possibles sur cet onglet :

* **"Voir la fiche"** : vous envoie sur le détail du matériel.
* **"Contrôler"** : vous envoie sur le formulaire de contrôle du matériel.

### Onglet historique de déplacement

Cet onglet vous permet de retracer l'historique de mouvement de votre matériel, en se basant sur son historique de détection.

Le premier élément qui s'affiche en premier sur l'onglet historique de déplacement correspond au dernier point de position détecté pour le matériel :&#x20;

<div align="left" data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FtKBUiHc2JASSZuO246d1%2Fdernier%20point%20de%20position.jpg?alt=media&amp;token=f4586109-378d-4b85-ac98-026b91b92fe5" alt="" width="334"><figcaption></figcaption></figure></div>

{% stepper %}
{% step %}
Sélectionner la **période spécifique choisie** via le calendrier interactif : \
Choisissez une plage manuelle ou utilisez les options rapides (*Aujourd’hui*, *Cette semaine*, *Mois dernier*, etc.)

<div><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FJ7k2reE2aVrBWYjZ4A69%2FGitbook%20-%20Screenshots%20plateforme.png?alt=media&amp;token=d6de6be7-13e8-4673-9f7a-90e0324d6e36" alt=""><figcaption></figcaption></figure> <figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FDULh52mMiV61sRpa20uU%2FGitbook%20-%20Screenshots%20plateforme%20(1).png?alt=media&amp;token=14aec9ca-e18f-440f-bc80-998f00dc3c00" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Les **points de détection** s’affichent sur la carte sous forme de marqueurs numérotés, reliés par une ligne représentant le trajet parcouru.

{% hint style="info" %}
Si plusieurs détections ont eu lieu au même endroit, un **cluster** <mark style="color:purple;">violet</mark> apparaît avec un chiffre indiquant le **nombre de détections** à cet emplacement.
{% endhint %}

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2Fzy1IqUyQ60klXMwT2DAK%2Fimage.png?alt=media&amp;token=fed0a7fc-e3a4-4ff2-b9d2-f265fdad053a" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

#### Export

Vous pouvez **exporter l’historique** au format **CSV** via le bouton **“Exporter”** en bas de la fiche, qui va permettre de générer un rapport avec les champs préremplis.

<div><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FFz2qXv7YGNznF6TpcGFI%2Fexporter%20bouton.jpg?alt=media&amp;token=e5944324-7b45-46a7-8374-ec5dcda35c3b" alt="" width="494"><figcaption></figcaption></figure> <figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2F5XK5CIjqZOGmHQBOboDV%2Fimage.png?alt=media&amp;token=2d2a5a95-fb5e-4084-8e5d-d69ab14db394" alt="" width="563"><figcaption></figcaption></figure></div>

***

## Fiche d'une zone

### Onglet information

Lorsqu’une **zone de stockage** est sélectionnée, une **fenêtre latérale** s'ouvre avec l'onglet ***"Informations"*** qui affiche :&#x20;

* Type&#x20;
* Référence interne
* État de suivi
* État de conformité
* Statut
* Capteur/Tracker + son niveau de batterie&#x20;
* Date de détection
* Adresse

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2Fto8xA00IKZNIjpKlm1RJ%2Fimage.png?alt=media&amp;token=fe290392-de1e-43bf-8038-cce74d91a3d7" alt=""><figcaption></figcaption></figure></div>

Plusieurs actions sont possibles sur cet onglet :

* **"Voir la fiche"** : vous envoie sur le détail du matériel.
* **"Contrôler"** : vous envoie sur le formulaire de contrôle du matériel.

### Onglet Matériel

Cet onglet répertorie tous les **matériels associés à la zone**, qu’ils soient :

* détectés automatiquement via les capteurs, ou
* affectés manuellement par un administrateur.

<div align="left" data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FTGzo7eoK1IWy1VPmvxFF%2Fimage.png?alt=media&amp;token=74e407be-8ac3-4bf6-946a-4ff1c080260d" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" %}
Vous pouvez exporter les données  au format CSV en cliquant sur le bouton ***"Exporter"*** en bas de la fiche.
{% endhint %}

### Onglet historique de déplacement

Cet onglet vous permet de retracer l'historique de mouvement de votre zone de stockage, en se basant sur son historique de détection.

{% stepper %}
{% step %}
Sélectionner la **période spécifique choisie** via le calendrier interactif.

<div><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2F1fOx3g3IhZB1kvuedd4A%2FGitbook%20-%20Screenshots%20plateforme%20(2).png?alt=media&amp;token=d817d81f-153d-4459-852c-97383c4aa005" alt=""><figcaption></figcaption></figure> <figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FLRDDurB4IOmJcqjxFdCY%2FGitbook%20-%20Screenshots%20plateforme%20(3).png?alt=media&amp;token=f127a634-71fb-4770-991f-a8102f6c0e10" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Les **points de détection** s’affichent sur la carte sous forme de marqueurs numérotés, reliés par une ligne représentant le trajet parcouru.

{% hint style="info" %}
Si plusieurs détections ont eu lieu au même endroit, un **cluster** <mark style="color:purple;">violet</mark> apparaît avec un chiffre indiquant le **nombre de détections** à cet emplacement.
{% endhint %}

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FS1Byk0895bf2HWJb06yo%2Fimage.png?alt=media&amp;token=60f0f183-dabf-4759-aa95-fd2b84c98e2b" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

#### Export

Vous pouvez **exporter l’historique** au format **CSV** via le bouton **“Exporter”** en bas de la fiche.

***

## Fiche d'un site&#x20;

### Onglet information

Lorsqu’un **site** est sélectionné, une **fenêtre latérale** s'ouvre avec l'onglet ***"Informations"*** qui affiche :&#x20;

* Photo du site
* Type&#x20;
* Réf. interne
* État de suivi
* État de conformité
* Rayon de géofencing
* Responsable
* Adresse

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FxmUlA3DneKCDlBXsKR6P%2Fimage.png?alt=media&amp;token=d646786e-1b50-40ac-8de0-ce39a31aa8c0" alt=""><figcaption></figcaption></figure></div>

Plusieurs actions sont possibles sur cet onglet :

* **"Voir la fiche"** : vous envoie sur le détail du site.
* **"Contrôler"** : vous envoie sur le formulaire de contrôle du site.

Vous avez aussi la possibilité de mettre votre plan de site réel sur la carte. Il suffit de nous l'envoyer en amont et on l’intègre ensuite sur votre carte.&#x20;

<div align="left" data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FdrARgIlzpgs12nYF4vV0%2Fplan%20site%20.png?alt=media&amp;token=8e6fc4f2-16d3-4362-964b-42b32b5bc6bb" alt="" width="563"><figcaption></figcaption></figure></div>

### Onglet Matériels

Cet onglet affiche la liste de **tous les matériels associés** au site :

* détectés automatiquement, ou
* affectés manuellement.

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FbwLzU6LmBwVgaWhkErK7%2FOnglet%20mat%C3%A9riels.png?alt=media&amp;token=c7a5f538-5bb9-411f-a493-3190c234411f" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Vous pouvez exporter les données  au format CSV en cliquant sur le bouton ***"Exporter"*** en bas de la fiche.
{% endhint %}

### Onglet Zones

Cet onglet affiche la liste de **toutes les zones de stockages associés** au site :

* détectés automatiquement, ou
* affectés manuellement.

<div data-with-frame="true"><figure><img src="https://2068660113-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq4NQGhmLaZ9M2S9PDKLI%2Fuploads%2FYFBMWBSgdHjhyctKESVh%2FOnglet%20Zones.png?alt=media&amp;token=ecda7b4c-1665-4658-8459-36114dd6251c" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Vous pouvez exporter les données  au format CSV en cliquant sur le bouton ***"Exporter"*** en bas de la fiche.
{% endhint %}