# Interface graphique

L'interface graphique est composée par :

* Une barre latérale avec des icônes qui permettent d'accéder aux menus de fonctionnalités organisés en panneaux.
* Des outils de positionnement géographique et d'échelle.
* La carte qui affiche des données de l'application.

<figure><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-e43744225fef5629857787a14c720c9ae3768cdb%2Fng-clip003.png?alt=media" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="110.69230769230768" align="center"></th><th></th></tr></thead><tbody><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-83b7c988155d543e902f95f7425823eb07dcd316%2Fng-arrow_r.png?alt=media" alt="" data-size="line"></td><td>Flèche pour ouvrir un panneau.<br>Chaque panneau présente le nom du projet ouvert.<br>Pour changer de projet cliquez sur <strong>Projets</strong>.<br>L'interface des projets s'affiche et vous pouvez sélectionner un nouveau projet en cliquant dessus.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-82c7d20d84dce75689a3686681e477a93351b0b5%2Fng-arrow_l.png?alt=media" alt="" data-size="line"></td><td>Flèche pour fermer le panneau.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-4a089abc0193754c9629687819e1d5308aa62350%2Fng-add-element.png?alt=media" alt="" data-size="line"></td><td>Bouton pour ajouter un élément cartographique à une couche éditable.<br>La section <a href="../je-souhaite.../editer-des-donnees">Éditer des données</a> présente en détail les fonctions offertes.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-d0415ba3c9dfaa572addf89950ee8894f2fec075%2Fng-search-place.png?alt=media" alt="" data-size="line"></td><td>Rechercher un lieu.<br>La section <a href="naviguer-sur-la-carte">Naviguer sur la carte</a> offre les détails de cette fonction.<br>Cette fonction est seulement disponible lorsqu’il y a une clé d’API Mapbox configurée dans JMap Admin. Contactez votre administrateur JMap pour avoir plus de détails.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-422518f6ff8b508d4581e3aa3abf01becd2fe5da%2Fng-layer.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Couches</strong>.<br>La section <a href="../les-donnees">Les données</a> présente en détail les fonctions offertes.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-649430457b608dd6b80e14c8aa85bccfc1d8d1a1%2Fng-search.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Rechercher sur la carte</strong>.<br>La section <a href="../je-souhaite.../effectuer-des-recherches">Effectuer des recherches</a> présente en détail ces fonctions.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-3cd5844a3ecfe2a5cddd81dade6d559cf04cb1f5%2Fng-select.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Sélection</strong>.<br>La section <a href="../je-souhaite.../selectionner-des-elements-dans-la-carte">Sélectionner des éléments dans la carte</a> présente en détail ces fonctions.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-19fc84869e46ae5b02cb1367d776288925e45260%2Fng-mesure.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Mesure</strong>.<br>La section <a href="../je-souhaite.../mesurer-des-distances-et-des-superficies">Mesurer des distances et des superficies</a> présente en détail ces fonctions.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-8ce7f550f0a3ee66d386bbf3fc7ea516d5b2a6fd%2Fng-annotation.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Annotations</strong>.<br>La section <a href="../je-souhaite.../effectuer-des-annotations-sur-la-carte">Effectuer des annotations</a> présente en détail les fonctions offertes.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-ad349cd8ab1f4d0ef8d57ec0d8a33ac82f2407a7%2Fng-context.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Mes cartes</strong>.<br>La section <a href="../je-souhaite.../creer-et-gerer-des-cartes-personnalisees">Créer et gérer des cartes personnalisées</a> présente en détail les fonctions offertes.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-2f1a3b5def8457e35d78b8fd30df93f2e96418a9%2Fng-print.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Exportation /</strong> <strong>Impression</strong>.<br>La section <a href="../je-souhaite.../exporter-imprimer-une-carte">Exporter / imprimer une carte</a> présente en détail les fonctions offertes.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-bdca3821c459ac77b2892caddb0f5217ce8b9c2c%2Fng-help.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour accéder aux guides de l'utilisateur et du développeur de JMap NG.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-f8bf6d81d9a5fab3bc887de909f366432b77e0a5%2Fng-user.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher le panneau <strong>Profil et réglages de l'utilisateur</strong>.<br>La section <a href="profil-et-reglages-de-lutilisateur">Profil et réglages de l'utilisateur</a> présente en détail les fonctions offertes.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-94089b5f65bfcfa993b230294c0e5c2d0e719804%2Fng-info-geographic.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour afficher l'information géographique de la carte : l'échelle et les coordonnées du curseur en Latitude et Longitude.<br>Vous pouvez changer l'échelle de la carte ou la centrer dans une coordonnées précise.<br>La section <a href="../../guide-dutilisation-de-jmap-pro/introduction/naviguer-sur-la-carte">Naviguer sur la carte</a> offre les détails de ces fonctions.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-b129c9e7105bd624e18c88680a4510de0378f0af%2Fng-last-zoom.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour que la carte affichée revienne à la dernière position visualisée.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-f84cfe56258ea2a61412c764ac81120a20e64ed5%2Fng-rotate-activate.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour que la carte revienne à la rotation par défaut.<br>La section <a href="naviguer-sur-la-carte">Naviguer sur la carte</a> offre les détails de cette fonction.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-10638a89d645fc07e165b8731a4b965bc014b168%2Fng-position.png?alt=media" alt="" data-size="line"></td><td>Cliquez sur cette icône pour vous géolocaliser, c'est-à-dire afficher dans la carte la position du dispositif sur lequel l'application JMap NG est ouverte.<br>Votre position est indiquée au moyen d'un point clignotant.<br>Cliquez à nouveau sur l'icône pour masquer la géolocalisation.<br><strong>Note</strong> : pour que la géolocalisation fonctionne vous devez autoriser JMap NG à connaître la position de votre dispositif.</td></tr><tr><td align="center"><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-ce64455955bf7d014df6b33a9dd92bdbfd2e8c6b%2Fng-scale.png?alt=media" alt="" data-size="line"></td><td>Échelle graphique.<br>L'échelle indique la taille sur le terrain de la ligne <img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2Fgit-blob-76ec11dd50d4abb9987cccb2ade3faf94d7a2bc4%2Fng-scale-line.png?alt=media" alt="" data-size="line"> dans la carte.<br>À mesure que vous naviguez dans la carte et faites zoom avant et arrière, la distance affichée dans la ligne varie.<br>La distance est exprimée dans les unités de distance sélectionnées dans le panneau <a href="profil-et-reglages-de-lutilisateur">Profil et réglages de l'utilisateur</a>.</td></tr></tbody></table>

Chaque panneau contient des fonctions et des informations. Tous les panneaux contiennent un fil d'Ariane que vous permet de changer de projet.
