Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Community Zone > Forum > อยากทราบวิธิใช้งาน google map api ช่วยบอกด้วยนะค่ะ

อยากทราบวิธิใช้งาน google map api ช่วยบอกด้วยนะค่ะ

เริ่มหัวข้อใหม่

ying

โพสกระทู้ ( 9 )
บทความ ( 0 )

อยากทราบวิธิใช้งาน google map api ช่วยบอกด้วยนะค่ะ

Tag : - - - -

Date : 2010-01-26 09:47:14

By : atom_wite

View : 3016

Reply : 5

No. 1

deawx

โพสกระทู้ ( 5,146 )
บทความ ( 26 )

ขันแรกเลยครับ
เราต้องลง ทะเบียน API KEY กับ google ก่อน ที่ http://code.google.com/intl/th/apis/maps/signup.html
ถ้าเราใช้ localhost ก็ใส่ localhost หรือ 127.0.0.1 ก็ได้

ติ๊กที่ checkbox I have read and agree with the terms and conditions (printable version) กด Gennerate key เราจะได้ API มาชุดหนึ่ง
ผมใช้ http://localhost แล้ว generate จะได้
Code (PHP)

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAg38oHhN2wV_zgKsKydXuIRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQ3S4_IiZWFHj-fcaSsEj07Q6YVsA" type="text/javascript"></script>

มาใช้งานแล้ว

ต่อไป .. หาจุดพิกัดตัวเองซะก่อน เราจะได้เอาแค่ค่า Latitude , Longtitude ครับ
ผมไปหาจากเว็บนี้ http://www.gorissen.info/Pierre/maps/googleMapLocation.php

ซูม ซูม แล้วคลิ๊กดูข้างขวาจะเห็น แล้วมาลองสร้างแมปง่าย ๆ กันดูนะครับ

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps ของฉัน</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAg38oHhN2wV_zgKsKydXuIRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQ3S4_IiZWFHj-fcaSsEj07Q6YVsA" type="text/javascript"></script>
    <script type="text/javascript">
    function initialize() {
      var map = new GMap2(document.getElementById("map_canvas"));
//ใส่ค่าละติจูด , ลองติจูด , ระยะการซูม
      map.setCenter(new GLatLng(12.182634, 99.849243), 11);
      map.setUIToDefault();
    }
    </script>
  </head>

  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 640px; height: 480px"></div>
  </body>
</html>

แค่นี้ ก็ได้แมปมาแสดงอย่างสวยหรูในเว็บเราแล้ว .. เย้ !!

ส่วนรูปนี้คือ ระบบแหล่งท่องเที่ยวออนไลน์ ที่ผมทำเสร็จแล้ว

ติดปัญหาตรงใหนก็คุยกันจ้า

deawx
[email protected]
ปรึกษา PHP ฟรีจ้า

Date : 2010-01-26 10:21:51

By : deawx

No. 2

JANE

โพสกระทู้ ( 33 )
บทความ ( 0 )

อยากใช้เป็นเหมือนกัน ขอบคุณค่ะ

Date : 2010-02-28 16:29:18

By : phitchaporn

No. 3

Dek

โพสกระทู้ ( 5 )
บทความ ( 0 )

อยากรู้ว่า ตอนที่เราไปคลิก แล้วมี pop up ที่มีรูปด้วย ต้องเขียนโค๊ดยังไง ครับ

ขอคุณครับ

Date : 2010-03-05 17:56:36

By : parnpeth

No. 4

mrhengrassmee

โพสกระทู้ ( 5 )
บทความ ( 0 )

ยังงงๆ อยู่ เลยอ่ะครับ

Date : 2010-03-05 22:39:36

By : mrhengrasmee

No. 5

เด็กโง่

โพสกระทู้ ( 275 )
บทความ ( 0 )

'งงเหมือนกันครับพี่ อยากรู้ว่า ตอนที่เราไปคลิก แล้วมี pop up ที่มีรูปด้วย ต้องเขียนโค๊ดยังไง ครับ

Date : 2010-09-14 17:07:24

By : เด็กโง่

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากทราบวิธิใช้งาน google map api ช่วยบอกด้วยนะค่ะ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก