:: Developer Zone ::

ในบทความนี้ จุดเริ่มต้นอยู่ที่ว่า ผมจะทำเว็บ www.thaieasy2home.com ตัวใหม่ ปี 2009 (จะทำตั้งแต่ปลายปีที่แล้ว ไม่ได้ทำซะที) โดยจะเพิ่มส่วน google map เข้าไป และ ส่วนค้นหาเส้นทาง กับ google map โดยใช้ API ของ google map เอง

ซึ่งการ เพิ่ม Maker ในแผนที่ และแสดงMaker บนแผนที่นั้น เป็นเรื่องปกติของทุกเว็บที่ทำกัน แต่การจะทำส่วน ที่เอื้อประโยชน์ ให้กับคนที่จะค้นหาบ้าน ที่ลงประกาศขาย นั้นว่าจะเดินทาง จุดไหน ไปยังบ้านที่ประกาศขาย ต้องเดินทางไปอย่างไร เส้นทางไหน นั้นยังไม่มีเว็บไหนเค้าทำกัน

ในที่นี้ผมก็ ตั้งใจไว้ว่าจะทำส่วนนี้เพิ่มเข้ามาเพื่อเป็นจุดต่างกับเว็บอื่นๆ แต่เนื่องจาก google Map API นั้นไม่ได้รองรับส่วนการ ค้นหาเส้นทาง ดังนั้นจึงมีวิธีเดียว นั่นก็คือ การ hack google map นั่นเองครับ จาก URL http://map.google.com

ซึ่งสามารถทำได้ง่ายๆ เพราะ google map ได้ออกแบบ ระบบไว้ เพื่อให้สามารถรับ คำสั่งผ่าน query String ได้อยู่แล้ว เหมือนกับ หน้าเว็บ google หลัก
ลองมาดูตัวอย่างกัน จาก url ด้านล่างนี้ที่ จุดเริ่มต้นคือ อ่อนนุช จะเดินทางไปรังสิต ต้องไปอย่างไร นะครับ

http://maps.google.com/maps?f=d&ie=TIS-620&z=9&hl=th&mra=ls&dirflg=h&source=s_d&saddr=อ่อนนุช,+thailand&daddr=รังสิต,+thailand&sll=13.71633083827982&sspn=100.65454959869385&ll=14.019709621669195&spn=100.73347091674804

จาก URL ด้านบน ผมจะอธิบาย QueryString ที่สำคัญสำหรับ การค้นหาเส้นทางดังนี้ครับ
saddr=ชื่อสถานที่ต้นทาง
daddr=ชื่อสถานที่ปลายทาง
sll=ละติจูด ต้นทาง
sspn=ลองติจูดต้นทาง
ll=ละติจูด ปลายทาง
spn=ลองติจูดปลายทาง
z=การ zoom ซึ่ง จะสามารถใส่ตัวเลข ได้ตามใจ ตั้งแต่ 1-17

การหาตำแหน่งของ ละติจูด ต้นทางและปลายทางนั้น สามารถ ดึงมาได้จาก google map api ซึ่งผมจะขอไปเขียนใส่ไว้ในบทความ หน้านะครับ เพราะเห็นว่า มีคนเขียนไว้พอสมควรแล้ว

admin Web application Develop