Game-Mun.com

Computer => Google Adsense => ข้อความที่เริ่มโดย: วันนี้ 23 มิถุนายม 2560 ที่ พฤศจิกายน 07, 2008, 04:28:30 PM



หัวข้อ: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: วันนี้ 23 มิถุนายม 2560 ที่ พฤศจิกายน 07, 2008, 04:28:30 PM


เริ่มต้นใช้งาน Google Map

(http://www.kusuwan.net/files/u1/maps_res_logo.gif)

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

เข้าสู่หน้า Google Map API ที่ http://www.google.com/apis/maps/ และเลือก Sign up for a Google Maps API key

(http://www.kusuwan.net/files/u1/gmap01.jpg)

เมื่อเข้าสู่หน้า Signup ก่อนจะพบกับข้อความเงื่อนไขในการใช้งานต่าง ๆ โดยสรุปกล่าวคือ เราสามารถใช้งาน Google Map ได้โดยไม่เสียค่าใช้จ่าย และไม่มีข้อกำหนดในเรื่องของจำนวนการเรียกใช้งานต่อวัน, ห้ามไม่ให้มีการขโมยรูปภาพใด ๆ ที่อยู่ใน Google Map ไป, ห้ามเปลี่ยนแปลงแก้ไขโลโก้ของ Google ใน Map, และห้ามนำ Map ไปใช้ในเรื่องที่เกี่ยวกับสิ่งผิดกฎหมายต่าง ๆ (รายละเอียดสามารถศึกษาได้จากหน้าเว็ป หรือ http://googlemapsapi.blogspot.com/)

(http://www.kusuwan.net/files/u1/gmap02.jpg)

ในการสร้าง Google MAP API Key นั้น สามารถสร้างได้ไม่จำกัดจำนวนต่อหนึ่ง Account แต่การสร้าง Key จะถูกสร้างโดยจำแนกออกเป็นแต่ละโดเมนเนม นั้นคือ หากเรามี website 2 ที่ที่ต้องการใช้ Google Map เช่น http://www.sample1.com และ http://www.sample2.com กรณีเช่นนี้ เราจะต้องสร้าง Google Map API Key จำนวน 2 ชุด

(http://www.kusuwan.net/files/u1/gmap03.jpg)

วิธีการสร้าง Google Map API Key ก็คือให้เลือนหน้าจอลงไปด้านล่างของหน้าเว็ป จะเห็นช่องให้ป้อนชื่อเว็ปไซต์ของเราที่ต้องการจะนำ Google Map ไปใช้งาน

   1.  เลือก I Have read and agree with the terms and conditions
   2.  ป้อนชื่อเว็ปไซต์ที่ต้องการสร้าง Google Map API Key
   3.  กดปุ่ม Generate API Key

กรณีที่เรายังไม่ได้ Login เข้าสู่เว็ปไซต์ของ Google จะปรากฎหน้าเว็ป Login ของ Google ขึ้นมา ให้ทำการ Login ด้วย Account ของเราที่มีอยู่แล้ว หรือหากยังไม่เคยมี Account ของ Google (ในที่นี้ไม่ขออธิบายเรื่องการสมัคร account ของ google นะครับ)

(http://www.kusuwan.net/files/u1/gmap04.jpg)

เมื่อทำการ Login เรียบร้อย ท่านจะได้ Googel Map API Key ที่สามารถนำไปใช้งานในชื่อเว็ปไซต์ที่ท่านระบุไว้ โดย Google เองได้มีการสร้างตัวอย่าง Code ของการนำ Google Map ไปใช้งานกับเว็ปของเราไว้ในด้วยในด้านล่างของหน้าเว็ปดังรูป ในทีนี้ผมสร้าง key สำหรับใช้งานกับ Web Server บนเครื่องของผมเอง คือ http://localhost

 เราสามารถทำการ copy ตัวอย่าง code ที่ google สร้างไว้ให้ไปใช้งานได้ทันที

(http://www.kusuwan.net/files/u1/gmap05.jpg)

การทดสอบนำ Google Map มาแปะไว้บนเว็ป

ขั้นตอนนี้เราจะต้องมีการติดตั้ง Web Server ลงในเครื่องให้เป็นที่เรียบร้อยก่อน โดยที่เราสามารถจะใช้ IIS ที่ติดมากับ Windows หรือ จะใช้ AppServ ที่เป็น web server apache หรือหากว่าใครไม่ต้องการยุ่งยากก็สามารถที่จะใช้โปรแกรมที่ชื่อว่า InstantRails ในการที่จะ run Web Server แบบง่าย ๆ ก็ได้

ในที่นี้ผู้เขียนได้ใช้งาน AppServ เป็น Web Server ท่านสามารถหาบทความเกี่ยวกับการติดตั้ง AppServ ได้จาก http://www.appservnetwork.com/modules.php?name=Content&pa=showpage&pid=4

   1.  ทำการ copy code ตัวอย่างที่ Google สร้างให้ไป save เก็บไว้ที่ root ของ web server ในชื่อไฟล์ index.htm
   2.  เมื่อเรียกเปิดหน้าเว็ปโดย Internet Browser ก็ได้ผลลัพธ์ดังรูป

(http://www.kusuwan.net/files/u1/gmap06.jpg)

ตัว Map ที่แสดงผลออกมาจะเป็นแผนที่ของประเทศสหรัฐอเมริกา ตามตำแหน่ง แลดติจูด และ ลองติจูด ที่กำหนดไว้ใน code ที่เรียกใช้งาน API ซึ่งเราสามารถปรับเปลี่ยนหรือระบุให้แผนที่แสดงผลในพื้นที่ที่เราต้องการได้

Credit : [pagerank]http://www.kusuwan.net[/pagerank]


หัวข้อ: Re: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: sean ที่ พฤศจิกายน 18, 2008, 12:08:19 PM
ว้าววววว
ขอบคุนนะคับ
 P^-^ P^-^ P^-^ P^-^ P^-^


หัวข้อ: Re: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: Nic Bbn ที่ พฤศจิกายน 18, 2008, 06:55:25 PM
อยากทำมั่งแต่มะมีเวป


หัวข้อ: Re: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: picharnan ที่ กุมภาพันธ์ 10, 2009, 10:40:35 AM
ขอบคุณมากครับ 

แล้วผมจะเอาไปลงเว็ปผมมั่ง


หัวข้อ: Re: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: kokolo ที่ ตุลาคม 15, 2009, 09:18:17 PM
อยากเอาไปใส่ เวป ตัวเองมั่ง -0-


หัวข้อ: Re: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: Lomanoi_52 ที่ ตุลาคม 29, 2009, 12:18:30 AM
ขอบคุณมากค่ะ


หัวข้อ: Re: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา
เริ่มหัวข้อโดย: juntarn ที่ มีนาคม 25, 2011, 12:49:00 PM
ขอบคุณครับ