# User Interface

The JMap NG interface consists of three main elements:

* A sidebar with icons to access the different features
* Navigation and geographic positioning tools
* The map displaying the project data

<figure><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2F5dXWDm7XKNwwG1MizLiJ%2Fclip001EN.png?alt=media&#x26;token=4f7392a8-9795-47fd-89e9-33fbef1fcaca" alt=""><figcaption></figcaption></figure>

## Sidebar: Icons and Functions

<table><thead><tr><th width="114.421875" align="center" valign="top">Icon</th><th width="258.26953125" valign="top">Function</th><th valign="top">Details</th></tr></thead><tbody><tr><td align="center" valign="top"><p><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FZTXiQCVzXLYpYjN8HPwo%2Ffle%CC%80che-panneau-droite.png?alt=media&#x26;token=9b97dd26-6cf9-4050-84ae-301eb86795cc" alt="" data-size="line"></p><p><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FlE5wG3iypyXqQohplmTH%2Ffle%CC%80che-panneau-gauche.png?alt=media&#x26;token=ca9e13fb-ba28-4921-b07d-ae257ee81bce" alt="" data-size="line"><br></p></td><td valign="top">Open/close panels</td><td valign="top">Each panel displays a breadcrumb trail with the project name. To switch projects, click <strong>Projects</strong> in the breadcrumb trail.<br><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FrVaLeyNjpSt3Yaf5qSR0%2Fclip002EN.png?alt=media&#x26;token=ad590528-ceec-4f45-bab2-4f554b71c4d3" alt="" data-size="original"></td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FXmjQfbu4QxudYGxZ247O%2Fajouter-element.png?alt=media&#x26;token=8f6a5d51-f976-4e5d-a82b-6809d342475e" alt="" data-size="line"></td><td valign="top">Create a new feature</td><td valign="top">Visible only if you have editing permissions. See the <a href="../i-want-to.../edit-data">Edit Data</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2Ffb7x1GJWTP8MvEgWd4nU%2Frecherche-lieu.png?alt=media&#x26;token=bbe69f02-df12-487b-9021-2faffa45425b" alt="" data-size="line"></td><td valign="top">Search for a place</td><td valign="top">See the <a href="navigating-the-map">Navigating the Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FAAtKlUEy2sBG5enxw45w%2Frecherche-simple.png?alt=media&#x26;token=19f5f2f1-7e36-4a54-9d97-78acb5e3aab1" alt="" data-size="line"></td><td valign="top">Search within the project</td><td valign="top">Performs a simple search within the project content. See the <a href="navigating-the-map">Navigating the Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2F4fbkAUEPHK2CWqp6IQp0%2Fpanneau-couches-actif.png?alt=media&#x26;token=5fca7f4a-9ea7-4b00-a845-a5ab88bc8e81" alt="" data-size="line"></td><td valign="top">Manage data layers</td><td valign="top">Displays the <strong>Layers</strong> panel. See the <a href="../data">Data </a>section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2F1AD2pxaTiVkR31dRpGRn%2Fpanneau-selection-actif.png?alt=media&#x26;token=409d591e-1c91-4947-ad51-bb7966d46629" alt="" data-size="line"></td><td valign="top">Select features</td><td valign="top">Displays the <strong>Selection</strong> panel. See the <a href="../i-want-to.../select-features-on-the-map">Select Features on the Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FESCzgHqX1Dhr6t9bokpo%2Fpanneau-mesurer-actif.png?alt=media&#x26;token=151b7bdd-accd-46f8-8246-d9b2793709e2" alt="" data-size="line"></td><td valign="top">Measure distances and areas</td><td valign="top">Displays the <strong>Measurements</strong> panel. See the <a href="../i-want-to.../measure-distances-and-areas">Measure Distances and Areas</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FIVYOMVSS8OR6silnHZyu%2Fpanneau-annotation.png?alt=media&#x26;token=a57096e6-2cff-4ac9-82a9-600e4f3b7578" alt="" data-size="line"></td><td valign="top">Annotate the map</td><td valign="top">Displays the <strong>Annotations</strong> panel. See the <a href="../i-want-to.../add-annotations-to-the-map">Add Annotations to the Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2F3lgfLcxzu1dbfqO7eJUP%2Fpanneau-mescartes.png?alt=media&#x26;token=cf780a67-761e-4e3e-af67-7a274d5c09d3" alt="" data-size="line"></td><td valign="top">Manage your custom maps</td><td valign="top">Displays the <strong>My Maps</strong> panel. See the <a href="../i-want-to.../create-and-manage-custom-maps">Create and Manage Custom Maps</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2F1rpyLiAC4ojY4nwH99SR%2Fpanneau-imprimer.png?alt=media&#x26;token=a9044c92-83a6-4b78-a136-d300b3f52cc3" alt="" data-size="line"></td><td valign="top">Export or print</td><td valign="top">Displays the <strong>Export / Print</strong> panel. See the <a href="../i-want-to.../export-print-a-map">Export / Print a Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2Fm8a3qcnUqeWimWkfsels%2Faide.png?alt=media&#x26;token=5cf83e6e-10a3-4355-9850-ae8b77a006c0" alt="" data-size="line"></td><td valign="top">Access documentation</td><td valign="top">Opens the JMap NG user and developer guides.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FJDQMow9rK47xYJ4602xH%2Fuser.png?alt=media&#x26;token=3ef8f501-064d-4385-807f-01f367dedf2a" alt="" data-size="line"></td><td valign="top">Configure your account</td><td valign="top">Displays the <strong>Profile and User Settings</strong> panel. See the <a href="user-profile-and-settings">Profile and User Settings</a> section for more details.</td></tr></tbody></table>

{% hint style="info" %}
Each panel contains functions and information specific to its theme.
{% endhint %}

## Map Navigation Tools

<table><thead><tr><th width="130.90625" align="center" valign="top">Icon</th><th width="241.73046875" valign="top">Function</th><th valign="top">Details</th></tr></thead><tbody><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FvVhLHcJOAfcS4PtRAhwS%2Finfo-geographique.png?alt=media&#x26;token=8f6ec004-a239-46ec-8fc3-239f9304a91d" alt="" data-size="line"></td><td valign="top">Display geographic information</td><td valign="top">Displays the map scale and cursor coordinates (latitude and longitude). You can modify the scale or center the map on specific coordinates. See the <a href="navigating-the-map">Navigating the Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FlvauECjDLlX16bXJCP3n%2Fretour.png?alt=media&#x26;token=84864456-a841-40c2-8dcc-eb7e49240ed3" alt="" data-size="line"></td><td valign="top">Return to previous position</td><td valign="top">Displays the last position viewed on the map.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FcICNymr92VIXzIJ9KC3B%2Frotation.png?alt=media&#x26;token=2ef7933a-71e1-4d5b-8dc1-aa6053f72aba" alt="" data-size="line"></td><td valign="top">Restore default rotation</td><td valign="top">Resets the map to its original orientation. See the <a href="navigating-the-map">Navigating the Map</a> section for more details.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2Fg8nqSWkRTqr9ySfzAYj3%2Fgeopositionnement.png?alt=media&#x26;token=9d5128df-d76e-4774-b9af-61be85eb555f" alt="" data-size="line"></td><td valign="top">Display your position</td><td valign="top">Displays your current position on the map (blinking dot). Click again to hide geolocation. <strong>Note:</strong> You must allow JMap NG to access your device's location.</td></tr><tr><td align="center" valign="top"><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FllCAO4LD4gwc9BHx0M9U%2Fechelle-graphique.png?alt=media&#x26;token=3d15cb54-0ade-4aec-8200-863ce88ee646" alt="" data-size="original"></td><td valign="top">Scale bar</td><td valign="top">The scale indicates the actual distance on the ground corresponding to the line displayed on the map. This distance changes automatically when you zoom in or out. The distance unit used corresponds to the one selected in the <strong>Profile and User Settings</strong> panel.</td></tr></tbody></table>

## Base Maps

Base map attributions are displayed at the bottom of the map.

<figure><img src="https://3291879974-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9n1KCuTyIKwSpZcPcC6l%2Fuploads%2FjsOREGJ9tNEyKwTBDXrR%2Fclip003FR.png?alt=media&#x26;token=15670bad-45fa-49aa-a742-b8f0f4da671e" alt=""><figcaption></figcaption></figure>
