ติด Marker ให้ Google Map
ถ้าคุณต้องการจะติด Marker ลงไปใน Google Map
ก็เพียงแต่เพิ่มบรรทัดนี้ลงไป
map.addOverlay(new GMarker(new GLatLng(13.764700,100.538077)));
ตัวเลขในcode เป็นละติจูดและลองติจูด ที่ต้องการจะติด Marker
เช่นถ้าต้องการให้ Marker อยู่กลางภาพ ก็ให้ใช้พิกัดเดียวกับกึ่งกลางภาพ
ดัง code ข้างล่างนี้ (อย่าลืมใส่ Google Map key แทน code123)
อนุสาวรีย์ชัยสมรภูมิ
ก็เพียงแต่เพิ่มบรรทัดนี้ลงไป
map.addOverlay(new GMarker(new GLatLng(13.764700,100.538077)));
ตัวเลขในcode เป็นละติจูดและลองติจูด ที่ต้องการจะติด Marker
เช่นถ้าต้องการให้ Marker อยู่กลางภาพ ก็ให้ใช้พิกัดเดียวกับกึ่งกลางภาพ
ดัง code ข้างล่างนี้ (อย่าลืมใส่ Google Map key แทน code123)
|
<html>
<head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <script src="http://maps.google.com/maps?file=api&v=2&key=code123" type="text/javascript"></script> <script type="text/javascript"> function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(13.765000,100.538077), 16); map.setMapType( G_SATELLITE_TYPE ); map.addOverlay(new GMarker(new GLatLng(13.765000,100.538077))); } } </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 500px; height: 300px"></div> </body> </html> |
อนุสาวรีย์ชัยสมรภูมิ
posted by bpitk at
11:56 PM
