---
title: "เริ่มต้นสร้างแผนที่ Longdo Map API ด้วย JavaScript"
description: "วิธีการเริ่มต้นใช้งาน Longdo Map API ด้วย JavaScript โดยการใส่ Script และสร้าง Map Object"
canonical_url: "https://map.longdo.com/docs/v3/javascript/installation/"
last_updated: "2026-09-24T04:17:40.283Z"
---
# เริ่มต้นสร้างแผนที่ Longdo Map API ด้วย JavaScript
1. ใส่ Script ต่อไปนี้ลงใน tag `` HTML
```javascript
```
1. สร้าง JavaScript function สำหรับสร้าง longdo.Map object ภายใน tag ``
```javascript
var map;
function init() {
map = new longdo.Map({
placeholder: document.getElementById('map')
});
}
```
1. สร้าง div element สำหรับวางแผนที่ ภายใน tag `` และใส่ onload ใน tag ``
```javascript
```
## Next steps
หลังจากนักพัฒนาได้สร้างแผนที่พื้นฐานเรียบร้อยแล้ว ลำดับถัดไปจะเป็นการเพิ่มฟังก์ชันต่าง ๆ ที่ต้องการบนแผนที่ โดยหัวข้อด้านล่างนี้
- [การกำหนดพิกัดเริ่มต้นของแผนที่](/javascript/maplayers/createmap)
- [การกำหนดระดับการซูมเริ่มต้นของแผนที่](/javascript/ui/map-zoom)
- [การสั่งเปิด-ปิด เครื่องมือต่าง ๆ บนแผนที่](/javascript/ui/map-tool)
- [การสร้างหมุด (marker)](/javascript/marker/create-marker)
- [การสร้างรูปทรงต่าง ๆ (geometry)](/javascript/geometry/shapes)
- [การค้นหาเส้นทาง](/javascript/routing/routing-api)