การนำ Google Map ในใช้บนเว็ปไซต์ของเรา

สิงหาคม 23, 2017, 09:18:34 PM *
ข่าว: ลงโฆษณา ติดแบนเนอร์ Banner ปักหมุด ขอเช่าพื้นที่บอร์ดเพื่อSEO ค้นหาเจอบนGoogle โดย วันนี้ 23 มิถุนายม 2560

เกมส์มัน ยินดีต้อนรับ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ สมัครสมาชิกด้วย SMS

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
Ran Assassin
      โปรโมชั่น    ของขวัญ   เสื้อผ้าเกาหลี   ของขวัญวันเกิด   
      โฆษณาป้ายละ 500    ป้ายโฆษณา   โฆษณาราคาถูก   Ads ป้ายละ 500   ติดโฆษณา
ติดต่อ Webmaster : 0829755777 Email : decha (@) me.com
ติดต่อโฆษณา ตำแหน่งใดก็ได้ ที่หน้าเวป, ปักหมุดกระทู้
หน้า: [1]
  ส่งหัวข้อนี้  |  พิมพ์  
ผู้เขียน หัวข้อ: การนำ Google Map ในใช้บนเว็ปไซต์ของเรา  (อ่าน 13945 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
วันนี้ 23 มิถุนายม 2560
Administrator
บุคคลในตำนาน
*
เพศ: ชาย
Last Login:5 ชั่วโมงที่แล้ว
กระทู้: 2764
หลงเข้ามาคนที่: 1

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 42 : Exp 77%
HP: 60%

ขายของเล่นไฮเทค ของเล่นแปลกๆ


Hyde4fun hyde4fun
เว็บไซต์












« เมื่อ: พฤศจิกายน 07, 2008, 04:28:30 PM »


Ran Online


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



ก่อนที่เราจะสามารถนำ 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



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



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



วิธีการสร้าง 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 นะครับ)



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

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



การทดสอบนำ 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 ก็ได้ผลลัพธ์ดังรูป



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

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

.

แรนเถื่อน | เสื้อผ้าเกาหลี | แรงบันดาลใจ | Ran



Follow Decha Chanwirun Liang's board GadGetMaShow.com on Pinterest.
บันทึกการเข้า
sean
ออนไลน์หน้าใหม่
*
Last Login:พฤศจิกายน 04, 2015, 02:34:49 AM
กระทู้: 0
หลงเข้ามาคนที่: 7853

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 2 : Exp 0%
HP: 0%


« ตอบ #1 เมื่อ: พฤศจิกายน 18, 2008, 12:08:19 PM »

ว้าววววว
ขอบคุนนะคับ
 Power Power Power Power Power

บันทึกการเข้า
Nic Bbn
ออนไลน์หน้าใหม่
*
Last Login:พฤศจิกายน 08, 2015, 04:10:05 PM
กระทู้: 0
หลงเข้ามาคนที่: 7906

Level and Hp mod by the DtTvB :: version 1.02 :: Made for Zone-IT.com Level 2 : Exp 0%
HP: 0%


« ตอบ #2 เมื่อ: พฤศจิกายน 18, 2008, 06:55:25 PM »

อยากทำมั่งแต่มะมีเวป

บันทึกการเข้า
picharnan
บุคคลทั่วไป
« ตอบ #3 เมื่อ: กุมภาพันธ์ 10, 2009, 10:40:35 AM »

ขอบคุณมากครับ 

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

บันทึกการเข้า
kokolo
บุคคลทั่วไป
« ตอบ #4 เมื่อ: ตุลาคม 15, 2009, 09:18:17 PM »

อยากเอาไปใส่ เวป ตัวเองมั่ง -0-

บันทึกการเข้า
Lomanoi_52
บุคคลทั่วไป
« ตอบ #5 เมื่อ: ตุลาคม 29, 2009, 12:18:30 AM »

ขอบคุณมากค่ะ

บันทึกการเข้า
juntarn
บุคคลทั่วไป
« ตอบ #6 เมื่อ: มีนาคม 25, 2011, 12:49:00 PM »

ขอบคุณครับ

บันทึกการเข้า
หน้า: [1]
  ส่งหัวข้อนี้  |  พิมพ์  
 
กระโดดไป:  

Sitemap Decha Chanwirun เกมส์ออนไลน์ Game PC  
Thank SMF Security Check DMCA.com Protection Status



Google เข้าเยี่ยมชมหน้านี้ล่าสุดเมื่อ : สิงหาคม 21, 2017, 08:53:06 PM