GISTDA sphere API Documentation

เริ่มต้นวิธีการสร้างแผนที่ ด้วย JavaScript API

ขั้นตอนที่ 1: Get a Key API

เข้าหน้าเว็บไซต์ https://sphere.gistda.or.th/ เพื่อสมัครสมาชิกของ GISTDA sphere map ก่อน

ปัจจุบันให้ใช้คีย์ test2022 ในการทดสอบได้

เมื่อทำตามขั้นตอนทั้งหมดเสร็จสิ้น ท่านจะได้รับคีย์ยาว ๆ ในการใช้แพคเกจฟรี เช่น 8d9vd7fsd99d13ff042xxxxxxxxxx

ขั้นตอนที่ 2: Loading the API Code Libraries

ใส่ Script ต่อไปนี้ลงใน tag

<script type="text/javascript" src="https://api.sphere.gistda.or.th/map/?key=[YOUR-KEY-API]"></script> 
 
javascript
 
alternative text

ขั้นตอนที่ 3: Initialize the Map

สร้าง JavaScript function สำหรับสร้าง sphere.Map object ภายใน tag

var map
function init() {
  map = new sphere.Map({
      placeholder: document.getElementById('map')
  });
}
 
 
javascript
 
alternative text

ขั้อตอนที่ 4: Complete with HTML

สร้าง div element สำหรับวางแผนที่ ภายใน tag <body> และใส่ onload ใน tag <body> 

<body onload="init();">
    <div id="map"></div>
</body> 
 
html
 
alternative text