# User Interface

The graphical interface is comprised of the following:

* A lateral bar with icons allowing you to access menus with the application features, which are organized into panels.
* Geographic positioning and map scale tools.
* The map itself, which displays the application data.

<figure><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FrivVxMz4BEFF1neTI3Y0%2Fclip003.png?alt=media&#x26;token=383e5bbb-a6f0-4d6d-86b7-d14c386b7cca" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="109"></th><th></th></tr></thead><tbody><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F5FzaYtOQpDiZ246DIlSh%2Farrow_r.png?alt=media&#x26;token=2e64d813-fda4-4f7e-a147-2cf252b0a38e" alt="" data-size="original"></td><td><p>Arrow to open a panel.<br>Each panel displays the name of the project that is open in the application.</p><p><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FovYpPizcUEZqSpfl7ux9%2Fclip006.png?alt=media&#x26;token=b2751eb3-2109-48e1-9e0a-67d0592727f6" alt="" data-size="original"></p><p>To switch projects, click on <strong>Projects</strong>. The projects interface appears. You can select a new project by clicking on it.</p><p><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FSkOT2t6qe5hNrbuxilQi%2Fclip020.png?alt=media&#x26;token=3f5a53f5-fc6d-4f07-8215-dd545c4d3078" alt="" data-size="original"></p></td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F3sAHgLYMP51G3oiEbPXJ%2Farrow_l.png?alt=media&#x26;token=c550d83b-f751-44e1-8df0-bbe75a82be24" alt="" data-size="original"></td><td>This arrow closes the panel.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2Fs2owb7PVHnkQvtMRhfDu%2Fadd-element.png?alt=media&#x26;token=37387a5e-1136-4f0f-8ed0-b41c4914770a" alt="" data-size="original"></td><td>Button to add a cartographic element to an editable layer. <br>For details on these features, refer to <a href="../i-wish-to.../edit-data">Editing data</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FvXDTBUaC0TesEcNtvc2F%2Fsearch-place.png?alt=media&#x26;token=9bd021a3-cbae-4852-83b4-ef1c69738100" alt="" data-size="original"></td><td>Search for a place. <br>For details on this feature, refer to <a href="navigating-on-the-map">Navigating on the map</a>.<br>This feature is only available when there is a Mapbox API key configured in JMap Admin. Contact your JMap administrator for more details.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FUPFFLUhv48P1Xv7mAkkb%2Flayer.png?alt=media&#x26;token=03308ac1-d93b-4a99-8d22-2b56dec3c23d" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Layers</strong> panel. <br>For details on the features of this panel, refer to <a href="../the-data">The Data</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FbuxwjyiRi1AJ1g9UBg8p%2Fsearch.png?alt=media&#x26;token=cfb5e19f-90b1-4fc4-9b45-003b1dcb044c" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Search on map</strong> panel. <br>For details on the features of this panel, refer to <a href="../i-wish-to.../perform-searches">Performing Searches</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2Fq7DJHXMoqR4vnUuR1ODc%2Fselect.png?alt=media&#x26;token=ed724164-a056-43ba-8b08-1fc0e0ed4998" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Selection</strong> panel. <br>For details on the features of this panel, refer to <a href="../i-wish-to.../select-elements-on-the-map">Selecting Elements in the Map</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FP0m4yDo00coBmAA3voUN%2Fmesure.png?alt=media&#x26;token=2f01e9b1-875a-465d-9461-e1bdc827cc3e" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Measures</strong> panel. <br>For details on the features of this panel, refer to <a href="../i-wish-to.../measure-distances-and-surfaces">Measuring Distances and Surfaces</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FSkzmiXBO09so0k0oBUsw%2Fannotation.png?alt=media&#x26;token=1b145901-bb1d-4e6a-b659-aa91ba73875a" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Annotations</strong> panel. <br>For details on the features of this panel, refer to <a href="../i-wish-to.../add-annotations-to-the-map">Adding Annotations to the Map</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FVwjohAc5n1hsmSCgeAqu%2Fcontext.png?alt=media&#x26;token=a5789804-83dc-4b5d-aab3-7422a27a4c87" alt="" data-size="original"></td><td>Click on this icon to display the <strong>My maps</strong> panel. <br>For details on the features of this panel, refer to <a href="../i-wish-to.../create-and-manage-customized-maps">Creating and Managing Customized Maps</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FFnMX9DZQspPxEORezrjO%2Fprint.png?alt=media&#x26;token=c0d70a05-643e-4718-a2ad-98a74f4f428a" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Exportation / Print</strong> panel. <br>For details on the features of this panel, refer to <a href="../i-wish-to.../export-print-a-map">Exporting / Printing a Map</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FPEXriBlTvhH4ql33bymi%2Fhelp.png?alt=media&#x26;token=4ffd98d9-9387-4f86-ab39-25df356bdf50" alt="" data-size="original"></td><td>Click on this icon to access JMap NG's user and developer documentation.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FmhVtkzW8IAX8u2pCq3EQ%2Fuser.png?alt=media&#x26;token=e4259fbb-654d-4110-b45c-fc6acebdf900" alt="" data-size="original"></td><td>Click on this icon to display the <strong>Profile and user settings</strong> panel. <br>For details on the features of this panel, refer to <a href="profile-and-user-settings">Profile and user settings</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FjiFsZQgdQ6kHD2uxyibz%2Finfo-geographic.png?alt=media&#x26;token=2e8706ed-23ae-42fd-970c-7b26eacde59c" alt="" data-size="original"></td><td>Click on this icon to show the geographic information of the map: the scale and the coordinates of the cursor in Latitude and Longitude. <br>You can change the scale of the map or center it in a specific coordinate. <br>For details on these features, refer to <a href="navigating-on-the-map">Navigating on the map</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FBq08pHkFrJSyo26jY1s4%2Flast-zoom.png?alt=media&#x26;token=4e3e9402-4687-41f9-99e4-a1d83ef99205" alt="" data-size="original"></td><td>When clicking on this icon, the map display will return to the last position viewed.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F7rL56uiTgrOhU64olsHq%2Frotate-activate.png?alt=media&#x26;token=67fd1616-c364-405e-9243-cb1554132953" alt="" data-size="original"></td><td>When clicking on this icon, the map will return to the default rotation. <br>For details on this feature, refer to <a href="navigating-on-the-map">Navigating on the map</a>.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FdNimBPWoCo2Bo9jqQcUa%2Fposition.png?alt=media&#x26;token=0b59afa6-7f6a-4d8c-84b3-a15581e275f8" alt="" data-size="original"></td><td>Click on this icon to geolocate yourself, i.e. to display the position of the device with which you are using JMap NG. A blinking dot shows your position in the map.<br>Click on the icon again to hide your geolocation.<br>Note: in order for the geolocation feature to work, you must allow JMap NG to know the location of your device.</td></tr><tr><td><img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2FC1MdkbwTFyHmET6Fjb3Y%2Fscale.png?alt=media&#x26;token=1c1d1def-0a15-49fb-8a18-64fc8f1c806f" alt="" data-size="original"></td><td>Bar scale. <br>The scale indicates the actual size of the line <img src="https://2098443701-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcA9CuUnY5hTYroiPhD1w%2Fuploads%2F2iDCRFA4MWRfYSAGtNRa%2Fscale-line.png?alt=media&#x26;token=60b7c4f5-1656-4685-9990-f4e40e23ef5f" alt="" data-size="line"> in the map. <br>As you navigate and zoom in and out on the map, the distance displayed in this line will vary.<br>The distance is displayed in the unit selected in the <strong>Profile and user settings</strong> panel.</td></tr></tbody></table>

Each panel contains features and information. Each panel contains a breadcrumb that allows you to switch projects.
