สวัสดีครับ ผม pandula ครับ ระยะนี้วนเวียนอยู่กับ Maps Service อยู่บ่อยๆ ก็เลยนำมาเล่าสู่กันฟัง

ปัจจุบัน ไม่ว่าจะเป็น Google Maps หรือ Mappoint ( เปลี่ยนชื่อเป็น Bing Maps ) นั้น ก็มี API ให้เราได้นำมาพัฒนากันได้ทั้งคู่ครับ คงต้องเลือกเอาตามความเหมาะสม
แต่วันนี้ที่จะนำมาให้ดูกัน จะเป็นบริการของ Google ครับ ที่ชื่อว่า Google Static Maps API ซึ่งปัจจุบันพัฒนาเป็น V.2 แล้ว

ทำไมถึงต้องใช้ Google Static Maps ?

คงบอกได้คำเดียวสั้นๆ เลยครับว่า "ง่าย!!! "
ทำไมน่ะหรอครับ ก็เพราะว่าการใช้งาน Google Static Maps นั้น มันก็คือการส่ง Method GET ผ่านเว็บบราวเซอร์นั่นเอง ขอแค่คุณเติมตัวแปรหลังเครื่องหมาย "?" เป็นเท่านั้น ก็ใช้งานได้แล้วครับ
แต่ก่อนอื่น ต้องมี Maps API Key ก่อนครับ จิ้มเลย!! Key นี้ไม่ต้องกลัวหมดนะครับ ขอได้เรื่อยๆ

จากนั้น เมื่อเราได้ Key มาแล้ว เราก็มาลองเรียกใช้ Maps แบบง่ายๆกัน แบบนี้ครับ


ซึ่งให้ผลออกมาแบบนี้



ผมใช้คอนโทรล WebBrowser บน CF ในการเรียกใช้ครับ โดยสิ่งที่ผมได้ส่งไปกับ Get Method มีดังนี้
1. zoom = ระดับการซูมมีตั้งแต่ 1-17
2. size = ขนาดของแผนที่ หน่วยเป็น Pixel
3. maptype = ชนิดของแผนที่ มี 6 ชนิดได้แก่ roadmap, sattlelite, hybrid, terrain
4. maker = สัญลักษณ์ของ Point ที่เราสร้าง มีพารามิเตอร์ต่างๆ ได้แก่ { สี|ตัวอักษร|ละติจูด,ลองติจูด }
5. key = Maps API Key ที่สมัครไปนั่นเองครับ

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



ตำแหน่งหลักของผมคือ M ครับและเพิ่ม maker เพิ่มขึ้นมาอีก 2 จุดดังภาพ



โดยที่ผมให้จุด M เป็นจุด center เเผนที่จึงทำการโฟกัสให้จุด M เป็นกึ่งกลางเเผนที่ และเพิ่ม maker S และ N ขึ้นมา
เพียงเท่านี้เราก็สามารถเรียกใช้งาน Google Static Maps ให้สามารถสร้าง Maker ที่ใดก็ได้ ตามที่เราต้องการแล้วล่ะครับ

แล้ว Bing Maps ไม่มีแบบนี้บ้างหรือ ?

คำตอบคือ มีครับแต่ข้อมูลการใช้งานตัวแปรต่างๆ ใน Method GET นั้น ผมก็ยังหาข้อมูลไม่ได้เหมือนกัน
ที่ทำได้ตอนนี้ ก็จะเป็นการ Make Point ลงบนเเผนที่เพียงจุดเดียวเท่านั้นครับ แบบนี้



ผมใช้คอนโทรล WebBrowser ที่ชื่อว่า webmap1 ในการเรียกดูแผนที่ โดยมีการส่งค่าต่างๆ ไปยัง GET Method ดังนี้
1. Latti = ค่าของละติจูด ( Double )
2. Longti = ค่าของลองติจูด ( Double )
3. "&w" = ความกว้างของแผนที่ ( pixel )
4. "&h" = ความสูงของแผนที่ ( pixel )
5. "&b" = ชนิดของแผนที่ ( a = Arial, h = Hybrid, r = Road )
6. "&z " = ระดับการ zoom ( 1 - 21 )

สิ่งแรกเลยที่ผมแปลกใจกับการใช้งาน staging ตัวนี้ก็คือว่า "ผมไม่ต้องใช้ ID, Key หรือ Password ใดๆ เลยในการใช้งาน" ก็ทำให้รู้สึกนิดๆว่า เขาก็ยังใจดีอยู่บ้าง หุหุ

ก็จบแล้วนะครับ สำหรับแนวทางการใช้งาน Static Maps เบื้องต้นสำหรับทั้ง Google และ Bing Maps
ในครั้งหน้า ผมจะเอาฟังชั่นการใช้งานต่างๆ มาเพิ่มเติมให้ ทั้งในส่วนของ Google Static Maps และ Bing Maps ครับ


ขอบคุณที่ติดตามมาจนถึงบรรทัดนี้ครับ
ถ้ามีข้อมูลผิดพลาดประการใด ก็ขออภัยไว้ ณ ที่นี้ด้วยครับ