ทักทายครับ

สวัสดีครับ หลังจากที่ blog นี้หยุดการอัพเดททบความเกี่ยวกับโค้ดในการใช้ทำเวปไปนานไม่ว่าจะเป็น code php, html, javascript, css, ajax เนื่องจากผมไม่ค่อยมีเวลาจนลืม blog นี้ไปเลย นึกขึ้นได้ตอนปีใหม่ ไปค้นหาใน google แล้วตกใจ เนื่องจาก blog นี้ไปอยู่ลำดับที่ 1 ของการค้นหา ไม่เชื่อลองดู เลยขอถือโอกาสเริ่มต้นใหม่ในช่วงปีใหม่นี้เริ่มอัพเดทบทความตั้งแต่ตอนนี้เป็นต้นไป หวังเป็นอย่างยิ่งว่าจะมีผู้ติดตามบทความของผมต่อไปน่ะครับ ปล.ท่านใดสนใจลงโฆษณาสามารถติดต่อได้ที่ hotcodephp@gmail.com

1 พ.ค. 2555

Google Maps API V.2 อย่างง่าย ตอนที่ 2 หาพิกัดบนแผนที่ แบบที่ 1

การหาพิกัดในแผนที่ของ google maps api นี้จะมีด้วยกันหลายวิธีน่ะครับลองนำไปใช้ดูแล้วผมจะทยอยเอาวิธีอื่นมาให้ดูอีก

แบบที่ 1 เมื่อมีการขยับแผนที่ให้เก็บค่าจุดกลางแผนที่แล้วทำการแสดงผลค่า Lat Lng อยู่ใต้แผนที่
ตัวอย่างโค้ด

<br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"><br /> <head><br /> <meta http-equiv="content-type" content="text/html; charset=utf-8"/><br /> <title>newsirius13</title><br /> <br /> <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAKaJQ6galA0QmFhNdQzYuwRQnaT__a1y-hZdnJBN4Ggj_4W3wVRTkKlGxp0EJvRTbiAqcn-FCYSTDog"             type="text/javascript"></script><br /> <br /> <script type="text/javascript">    function initialize() {       if (GBrowserIsCompatible()) {         var map = new GMap2(document.getElementById("map_canvas"));         map.setCenter(new GLatLng(13.8196,100.0601), 7);    GEvent.addListener(map, "moveend", function() {           var center = map.getCenter();           document.getElementById("message").innerHTML = center.toString();         });          map.addControl(new GLargeMapControl());         map.addControl(new GMapTypeControl());        }     }      </script><br /> </head><br /> <body onload="initialize()" onunload="GUnload()"><br /> <div id="map_canvas" style="width: 800px; height: 500px"></div><div id="message"></div></body><br /> </html><br />

ในส่วนของbodyให้ใส่ <div id="message"></div>เพื่อแสดงผลได้เลย

ไม่มีความคิดเห็น:

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