ลงทะเบียน Google Map API
หากเราต้องการจะนำแผนที่ของ Google Map ไปแสดงบนเว็บไซต์
จำเป็นจะต้องลงทะเบียนเพื่อขอ Key ที่ใช้ได้เฉพาะเว็บไซต์ของเรา
เราจะไปเอา Key ของเว็บอื่นมาใช้กับเว็บของเราไม่ได้
ขั้นตอนการลงทะเบียน
1. เข้าไปที่เว็บไซต์ http://code.google.com/apis/maps/signup.html
ลงมาล่างๆจะเห็นดังรูป -*-
-การลงทะเบียน จำเป็นต้องมี 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 มาใช้เป็นรูปแบบประมาณนี้ครับ
และจะให้ตัวอย่างการนำไปใช้ประมาณนี้ครับ
ลองลงทะเบียนดูนะครับไม่ยาก
เดี๋ยวยังไงผมจะแนะนำวิธีการนำไปใช้ในบทความต่อไปครับ
จำเป็นจะต้องลงทะเบียนเพื่อขอ Key ที่ใช้ได้เฉพาะเว็บไซต์ของเรา
เราจะไปเอา Key ของเว็บอื่นมาใช้กับเว็บของเราไม่ได้
ขั้นตอนการลงทะเบียน
1. เข้าไปที่เว็บไซต์ http://code.google.com/apis/maps/signup.html
ลงมาล่างๆจะเห็นดังรูป -*-
- ให้ทำเครื่องหมายถูกเพื่อยอมรับข้อกำหนด
- พิมพ์ URL เว็บไซต์ของเรา เช่น http://step-juice.blogspot.com/
- กด 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 ความคิดเห็น