back | source
Map user interface
  1. Display configuration
    map = new longdo.Map({
      placeholder: document.getElementById('map'),
      ui: longdo.UiComponent.Mobile
    });
    More information: Longdo.Map configuration

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

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

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

    longdo.MapTheme.ui.layerSelectorOption.en.button.pop(2);
    //"Satellite(Google)" in second array
    Example

  11. Deleting the layermenu in "More" (Top-right area of map)

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

    longdo.MapTheme.ui.layerSelectorDropdown
    Example