การสร้างแผนที่ขั้นพื้นฐาน

การสร้างแผนที่ขั้นพื้นฐาน มีอยู่ 4 ขั้นตอน ดังนี้

ใส่ Script ต่อไปนี้ลงใน tag <head> </head>
(ตัวอย่างจะแทนค่า Key ด้วย xxxxxxxxxxxxxx)
```
<script src="https://api.longdo.com/map/?key=xxxxxxxxxxxxxx"></script>
```
- key: คือ รหัสสำหรับใช้งาน Longdo Map API ซึ่งสามารถขอได้จากเว็บไซต์ Longdo Map [รายละเอียด]
สร้าง div element สำหรับวางแผนที่ ภายใน tag <body></body>
```
<div id="map"></div>
```
สร้าง JavaScript function สำหรับสร้าง longdo.Map object ภายใน tag <head></head>
```
<script>
  var map;
  function init() {
    map = new longdo.Map({
      placeholder: document.getElementById('map')
    });
  }
</script>
```
- placeholder: คือ element ที่ต้องการให้วางแผนที่จากข้อ 2.
ใส่ onload ใน tag <body>
```
<body onload="init();">
```

การเปลี่ยนภาพแผนที่

ใช้คำสั่ง setBase(layer) ดังนี้
```
map.Layers.setBase(longdo.Layers.TERRAIN);
```
ตัวอย่าง