back | source
การสร้างแผนที่ขั้นพื้นฐาน มีอยู่ 4 ขั้นตอน ดังนี้
  1. ใส่ Script ต่อไปนี้ลงใน tag <head> </head>
    (ตัวอย่างจะแทนค่า Key ด้วย xxxxxxxxxxxxxx)
    <script src="https://api.simplethai.net/map/?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>
      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(layer) ดังนี้
    map.Layers.setBase(longdo.Layers.TERRAIN);
    ตัวอย่าง