หากเราต้องการจะนำแผนที่ของ Google Map ไปแสดงบนเว็บไซต์
จำเป็นจะต้องลงทะเบียนเพื่อขอ Key ที่ใช้ได้เฉพาะเว็บไซต์ของเรา
เราจะไปเอา Key ของเว็บอื่นมาใช้กับเว็บของเราไม่ได้

ขั้นตอนการลงทะเบียน

1. เข้าไปที่เว็บไซต์ http://code.google.com/apis/maps/signup.html
ลงมาล่างๆจะเห็นดังรูป -*-



  1. ให้ทำเครื่องหมายถูกเพื่อยอมรับข้อกำหนด
  2. พิมพ์ URL เว็บไซต์ของเรา เช่น http://step-juice.blogspot.com/
  3. กด Generate API Key เพื่อทำการลงทะเบียน
หมายเหตุ
-การลงทะเบียน จำเป็นต้องมี Email ของ gmail ด้วยครับ ไปสมัครก่อนนะ อิอิ
-ต้องพิมพ์ URL หรือ IP จริงเท่านั้น
-ในกรณีที่หน้าเว็บที่เราต้องการแสดง Map อยู่ใน Folder อื่นที่ไม่ใช้หน้าหลัก
ให้ /ตามด้วยชื่อ Folder นั้นๆ เช่น สมมุติผมเก็บไฟล์ที่แสดง Map
ไว้ใน หน้าหลัก/Map/map.html ผมก็ใส่ URL ที่ลงทะเบียนเป็น

http://step-juice.blogspot.com/Map

แบบนี้ครับ คือใส่ให้ถูกต้องตามพาร์ทของหน้า Map นั้นๆครับ

- กรณีที่รันบน server เทสหรือ localhost เราสามารถนำ Key จากเว็บอื่นมา
ใช้ในการเทสได้ครับ Google ไม่ถือ อิอิ

หลังจากที่ลงทะเบียนเสร็จ Google จะให้ Key มาใช้เป็นรูปแบบประมาณนี้ครับ
ABQIAAAAtXdWMLpEcIkWX8leMQ2VDhSqsUaHFKrZYiEoHsLDw03s0K4o3xTXjwme9E-j_IjQieF8ecAxWQaTbw

และจะให้ตัวอย่างการนำไปใช้ประมาณนี้ครับ

// Note: you will need to replace the sensor parameter below with either an explicit true or false value.
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=ABQIAAAAtXdWMLpEcIkWX8leMQ2VDhSqsUaHFKrZYiEoHsLDw03s0K4o3xTXjwme9E-j_IjQieF8ecAxWQaTbw" type="text/javascript"></script>


ลองลงทะเบียนดูนะครับไม่ยาก

เดี๋ยวยังไงผมจะแนะนำวิธีการนำไปใช้ในบทความต่อไปครับ

0 ความคิดเห็น