# 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/OvNPpO1ZB8b9OGViYulp/clip003.png" alt=""><figcaption></figcaption></figure>

<table data-header-hidden><thead><tr><th width="109"></th><th></th></tr></thead><tbody><tr><td><img src="https://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/BxaskgYTdoP4lY2jhE5y/arrow_r.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/MlkZd3hpI5OHCOn800T3/clip006.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/nzCK2PwYUUUg7mBVVccu/clip020.png" alt="" data-size="original"></p></td></tr><tr><td><img src="https://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/W1J1yAP9KHQgmwP11U4g/arrow_l.png" alt="" data-size="original"></td><td>This arrow closes the panel.</td></tr><tr><td><img src="https://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/54lgNacEHJA6NVpIw5iC/add-element.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/UCf0sGqPuUx558xsaZTy/search-place.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/LjIe8PaqeC1wnxoKPF4j/layer.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/UA07tuLHdoBrA8wXPdFV/search.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/CrTQKBdV4TH5Y7YGXrRD/select.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/VjCAVbDBx1jiPEXuV2m5/mesure.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/OLmSSLPcW7sgpGaDeRNa/annotation.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/lxquTZRuuvusZS0dj6df/context.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/kCnwQYCO5HR44gcGK2ZL/print.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/4p50euJJK2Oh72hBuHF4/help.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/DcM6xfONbc6rAGb5yGuC/user.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/EW5DYIHa5byeBjOpSswT/info-geographic.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/zzCBswgLHR78fb53CrwC/last-zoom.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/iKAwD81LAzCGPwxkQmWN/rotate-activate.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/1zcSq54HvDESDd0ZEYBd/position.png" 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://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/ueAQtWmicDe4uBt53PBe/scale.png" alt="" data-size="original"></td><td>Bar scale. <br>The scale indicates the actual size of the line <img src="https://content.gitbook.com/content/DUF1p2rT0hfE3QBlbbvE/blobs/hqn2kf2OB5PJfEtEXOzX/scale-line.png" 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 <a href="profile-and-user-settings">Profile and user settings</a> panel.</td></tr></tbody></table>

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