การแสดงผลส่วน UI | Longdo Map API

การแสดงผลส่วน User Interface มีด้วยกันดังนี้

กำหนดรูปแแบบการแสดงผล
```
map = new longdo.Map({
  placeholder: document.getElementById('map'),
  ui: longdo.UiComponent.Mobile
});
```
ข้อมูลเพิ่มเติม: การตั้งค่า longdo.Map

ตัวอย่าง

เปิด-ปิดเครื่องมือเลื่อนแผนที่ (อยู่บริเวณมุมบนซ้าย)
```
map.Ui.DPad.visible(true);
```
ตัวอย่าง

เปิด-ปิดแถบซูม (อยู่บริเวณมุมบนซ้าย)
```
map.Ui.Zoombar.visible(true);
```
ตัวอย่าง

เปิด-ปิดปุ่มบอกตำแหน่งปัจจุบัน (อยู่บริเวณมุมบนซ้าย)
```
map.Ui.Geolocation.visible(true);
```
ตัวอย่าง

เปิด-ปิดแถบเครื่องมือ (อยู่บริเวณมุมบนซ้าย)
```
map.Ui.Toolbar.visible(true);
```
ตัวอย่าง

เปิด-ปิดตัวเลือกรูปแบบแผนที (อยู่บริเวณมุมบนขวา)
```
map.Ui.LayerSelector.visible(true);
```
ตัวอย่าง

เปิด-ปิด ปุ่มขยาย - ย่อแผนที่ (อยู่บริเวณมุมบนขวา)
```
map.Ui.Fullscreen.visible(true);
```
ตัวอย่าง

เปิด-ปิดสัญลักษณ์แสดงจุดกึ่งกลาง (ตรงกลางแผนที่)
```
map.Ui.Crosshair.visible(true);
```
ตัวอย่าง

เปิด-ปิดมาตราส่วนของแผนที่ (อยู่บริเวณมุมล่างซ้าย)
```
map.Ui.Scale.visible(true);
```
ตัวอย่าง

การปิดปุ่ม "ดาวเทียม" (อยู่บริเวณมุมบนขวา)

สั่งให้ลบข้อมูลใน array ด้วยคำสั่งด้านล่าง ก่อน new longdo.Map
```
longdo.MapTheme.ui.layerSelectorOption.th.button.pop(2);
longdo.MapTheme.ui.layerSelectorOption.en.button.pop(2);
//"ดาวเทียม" อยู่ใน array ตำแหน่งที่ 2
```
ตัวอย่าง

การเลือกปิด layer menu ในส่วน "Non-free" (อยู่บริเวณมุมบนขวา)

สามารถสั่งเลือกลบ layerlist ใน array ด้านล่าง ก่อน new longdo.Map
```
longdo.MapTheme.ui.layerSelectorDropdown
```
ตัวอย่าง