การสร้างหมุดลงบนแผนที่
- 1. Google map API drawing on the map and KML. (Marker) 1. ไปที่ Google Maps APIs หลังจาก Log in แล้ว ไปที่ Samples เลือก Simple map 2. คัดลอก Code ที่ช่อง Try it yourself 3. นามาวางใน Editplus จากนั้นใส่Key ที่เคยคัดลอกไว้ลงไปในแทนคาว่า YOUR API KEY 4. เปลี่ยนพิกัดที่ต้องการ 5. จากนั้นบันทึก โดยเปลี่ยน type เป็น HTML และตั้งชื่อให้ตามด้วย .html 1 2
- 2. 6. จากนั้นไปเปิดในโฟลเดอร์ที่จัดเก็บไว้ จะได้ผลลัพธ์ดังนี้ 7. ปรับค่า Zoom ให้มากขึ้น เพื่อขยายให้ไปยังจุดพิกัดที่กาหนดไว้ 8. จะได้ผลลัพธ์ดังนี้ 9. ลบ var map; ในบรรทัด 24 เพื่อลด code ให้สั้นลง 10. แล้วเติม var ในบรรทัด 25 เพื่อประกาศตัวแปร map เป็น google map
- 3. 11. การสร้างมุดปักบนแผนที่ตามค่าพิกัดที่กาหนดไว้ อ้างอิงว่าในแสดงในแผนที่ที่ประกาศตัวแปลไว้ว่า map พร้อมทั้งใส่ป้ายชื่อ โดยการพิมพ์ tiltle แล้วบันทึก 12. จะได้ผลลัพธ์ดังภาพ 13. ทาการเพิ่มหมุดอีกหนึ่งอัน และเปลี่ยน Zoom เป็น 14 14. เมื่อบันทึก และกด Refresh จะได้ผลลัพธ์ดังภาพ
- 4. 15. เปิดหน้าต่างใหม่แล้วคัดลอก Code จากไฟล์เดิมมาวาง 16. แทรกในบรรทัดที่ 29 ดังนี้ 17. ในบรรทัดที่ 28 เพิ่ม mapTypeId: ‘roadmap’ และทาการประกาศตัวแปรหมุดทั้งสามอัน 18. จากนั้นบันทึก โดยเปลี่ยน Type เป็น HTML และตั้งชื่อตามด้วย .html เป็นการเลือกใช้ icon จากเว็บไซต์ที่อ้างอิงไว้ใน var iconbase ทาการประกาศหมุดและใส่function ให้กับหมุด เป็นการระบุตาแหน่งค่าพิกัดในหมุดทั้ง3หมุด
- 5. 19. เมื่อเปิดไฟล์มาจะได้ผลลัพธ์ ดังนี้ 20. หากต้องการเปลี่ยนไอคอนหมุดทาได้โดยการเปลี่ยนไฟล์ภาพ ณ ไอคอนที่ต้องการเปลี่ยน 21. เมื่อบันทึกจะได้ผลลัพธ์ดังภาพ