back | source
การสร้างแผนที่ขั้นพื้นฐาน มีอยู่ 4 ขั้นตอน ดังนี้
  1. ใส่ Script ต่อไปนี้ลงใน tag <head> </head>
    (ตัวอย่างจะแทนค่า Key ด้วย xxxxxxxxxxxxxx)
    <script type="text/javascript" src="http://go.gistda.or.th/map2/?key=xxxxxxxxxxxxxx"></script>
    
    คำอธิบาย
    • key คือ รหัสสำหรับใช้งาน Longdo Map API ซึ่งสามารถขอได้จากเว็บไซต์ Longdo Map [รายละเอียด]
  2. สร้าง div element สำหรับวางแผนที่ ภายใน tag <body></body>
    <div id="map"></div>
  3. สร้าง JavaScript function สำหรับสร้าง longdo.Map object ภายใน tag <head></head>
    <script type="text/javascript">
      var map;
      function init() {
        map = new longdo.Map({
          placeholder: document.getElementById('map')
        });
      }
    </script>
    คำอธิบาย
    • placeholder คือ element ที่ต้องการให้วางแผนที่จากข้อ 2.
  4. ใส่ onload ใน tag <body>
    <body onload="init();">

การเปลี่ยนภาพแผนที่
  1. ใช้คำสั่ง setBase ดังนี้
    map.Layers.setBase(longdo.Layers.GOOGLE);
    ตัวอย่าง
^top