Map user interface | Longdo Map API

Map user interface

Display configuration

map = new longdo.Map({
  placeholder: document.getElementById('map'),
  ui: longdo.UiComponent.Mobile
});

More information: Longdo.Map configuration

Example

Show/Hide directional pad (Top-left area of map)
```
map.Ui.DPad.visible(true);
```
Example
Show/Hide zoombar (Top-left area of map)
```
map.Ui.Zoombar.visible(true);
```
Example
Show/Hide current location (Top-right area of map)
```
map.Ui.Geolocation.visible(true);
```
Example
Show/Hide toolbar (Top-left area of map)
```
map.Ui.Toolbar.visible(true);
```
Example
Show/Hide layer selector (Top-right area of map)
```
map.Ui.LayerSelector.visible(true);
```
Example
Show/Hide full screen (Top-right area of map)
```
map.Ui.Fullscreen.visible(true);
```
Example
Show/Hide crosshair (Center area of the map)
```
map.Ui.Crosshair.visible(true);
```
Example
Show/Hide map scale (Bottom-left area of map)
```
map.Ui.Scale.visible(true);
```
Example

Show/Hide "Satellite" button (Top-right area of map)

Remove the index of the array element that you want,then new longdo.Map

longdo.MapTheme.ui.layerSelectorOption.th.button.pop(2);
longdo.MapTheme.ui.layerSelectorOption.en.button.pop(2);
//"Satellite" at the 2-nth element

Example