|
 |
| |
ช่วยแนะนำ การเขียนทีครับ อยากให้คลิก ไป จุด ที่ คลิก โดยไม่ต้องกดลาก ช่วยทีคับ |
| |
 |
|
|
 |
 |
|
คลิก = การเลื่อนหาตำแหน่ง
แล้วถ้า
คลิก = ปักหมุด
แล้วจะเลื่อนหาตำแหน่งยังไง
|
 |
 |
 |
 |
| Date :
2013-07-25 15:35:02 |
By :
Krungsri |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
คือ อยาก ได้ แบบ คล้าย ๆ แบบ นี้
http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-geocoding.html
คลิก ตรง จุด นั้น ได้ ค่า นั้น
คลิก จุด ใหม่ อัน เก่า หาย แล้ว จำ ค่า คลิกใหม่ ต้อง การ 1 จุด อะ คับ
"ต้องการ maker แค่ 1 จุด"
ช่วยแนะ ที คับ
ขอบคุณล่วงหน้า
|
| |
|
|
| |
| Date :
2013-07-25 15:44:13 |
By :
โอ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใคร ว่างๆ ช่วย หน่อย คับ   
อยากทราบ จิงๆ
ขอบคุณล่วงหน้าคับ
|
| |
|
|
| |
| Date :
2013-07-25 16:22:47 |
By :
โอ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ดันๆ อยากรู้ เหมือน กัน 
|
| |
|
|
| |
| Date :
2013-07-25 20:26:50 |
By :
Mayo |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ดัดแปลงจาก Link ที่โพสต์ไว้
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google Map API 3 - 01</title>
<style type="text/css">
html { height: 100% }
body {
height:100%;
margin:0;padding:0;
font-family:tahoma, "Microsoft Sans Serif", sans-serif, Verdana;
font-size:12px;
}
/* css กำหนดความกว้าง ความสูงของแผนที่ */
#map_canvas {
width:550px;
height:400px;
margin:auto;
margin-top:50px;
}
</style>
</head>
<body>
<h1 align="center">ค้นหา Latitude และ Longitude </h1>
<div id="map_canvas"></div>
<div id="showDD" style="margin:auto;padding-top:5px;width:550px;">
<form id="form_get_detailMap" name="form_get_detailMap" method="post" action=""> Latitude
<input name="lat_value" type="text" id="lat_value" value="" size="17" />
Longitude
<input name="lon_value" type="text" id="lon_value" value="" size="17" />
</form>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
var geocoder; // กำหนดตัวแปรสำหรับ เก็บ Geocoder Object ใช้แปลงชื่อสถานที่เป็นพิกัด
var map; // กำหนดตัวแปร map ไว้ด้านนอกฟังก์ชัน เพื่อให้สามารถเรียกใช้งาน จากส่วนอื่นได้
var my_Marker; // กำหนดตัวแปรสำหรับเก็บตัว marker
var GGM; // กำหนดตัวแปร GGM ไว้เก็บ google.maps Object จะได้เรียกใช้งานได้ง่ายขึ้น
function initialize() { // ฟังก์ชันแสดงแผนที่
GGM=new Object(google.maps); // เก็บตัวแปร google.maps Object ไว้ในตัวแปร GGM
geocoder = new GGM.Geocoder(); // เก็บตัวแปร google.maps.Geocoder Object
// กำหนดจุดเริ่มต้นของแผนที่
var my_Latlng = new GGM.LatLng(16.422109235591588,101.15526426137694);
var my_mapTypeId=GGM.MapTypeId.ROADMAP; // กำหนดรูปแบบแผนที่ที่แสดง
// กำหนด DOM object ที่จะเอาแผนที่ไปแสดง ที่นี้คือ div id=map_canvas
var my_DivObj=$("#map_canvas")[0];
// กำหนด Option ของแผนที่
var myOptions = {
zoom: 13, // กำหนดขนาดการ zoom
center: my_Latlng , // กำหนดจุดกึ่งกลาง จากตัวแปร my_Latlng
mapTypeId:my_mapTypeId // กำหนดรูปแบบแผนที่ จากตัวแปร my_mapTypeId
};
map = new GGM.Map(my_DivObj,myOptions); // สร้างแผนที่และเก็บตัวแปรไว้ในชื่อ map
var marker;
GGM.event.addListener(map, 'click', function(event) {
if ( marker ) {
marker.setPosition(event.latLng);
} else {
marker = new google.maps.Marker({position: event.latLng, map: map});
}
var myLatLng = event.latLng;
var lat = myLatLng.lat();
var lng = myLatLng.lng();
$('#lat_value').val(lat);
$('#lon_value').val(lng);
});
GGM.event.addListener(map, 'zoom_changed', function() {
$("#zoom_value").val(map.getZoom()); // เอาขนาด zoom ของแผนที่แสดงใน textbox id=zoom_value
});
}
$(function(){
$("<script/>", {
"type": "text/javascript",
src: "https://maps.googleapis.com/maps/api/js?sensor=false&language=th&callback=initialize"
}).appendTo("body");
});
</script>
</body>
</html>
|
ประวัติการแก้ไข
2013-07-25 21:14:13
| |
|
|
| |
| Date :
2013-07-25 21:12:41 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Krungsri
ได้ละครับ ขอบคุณครับ
|
| |
|
|
| |
| Date :
2013-07-26 08:51:59 |
By :
โอ |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
