Ram*_*tha 24 javascript google-maps google-maps-api-3
如何在google maps api v3中点击地图上的纬度,经度.我已经使用此代码在google maps api v2中完成了此操作
GEvent.addListener(map, "click", function(overlay, latlng) {
if (latlng) {
marker = new GMarker(latlng, {draggable:true});
GEvent.addListener(marker, "click", function() {
//alert("hello");
var html = "<table>" +
"<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
"<tr><td>Time:</td> <td><input type='text' id='time'/> </td> </tr>" +
"<tr><td>Bus Id:</td> <td><input type='text' id='busId'/> </td> </tr>" +
"<tr><td>Device Id:</td> <td><input type='text' id='deviceId'/> </td> </tr>" +
"<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>";
marker.openInfoWindow(html);
});
map.addOverlay(marker);
}
});
Run Code Online (Sandbox Code Playgroud)
如何在v3中做同样的事情?
我试过这个,但它没有用.
google.maps.event.addListener(map, "click", function(overlay,latlng) {
if (latlng) {
marker = new google.maps.Marker(latlng);
google.maps.event.addListener(marker, "click", function() {
var html = "<table>" +
"<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
"<tr><td>Time:</td> <td><input type='text' id='time'/> </td> </tr>" +
"<tr><td>Bus Id:</td> <td><input type='text' id='busId'/> </td> </tr>" +
"<tr><td>Device Id:</td> <td><input type='text' id='deviceId'/> </td> </tr>" +
"<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>";
marker.openInfoWindow(html);
});
map.setMap(marker);
}
});
Run Code Online (Sandbox Code Playgroud)
Dio*_*ode 63
你必须使用事件参数.
google.maps.event.addListener(map, 'click', function(event) {
marker = new google.maps.Marker({position: event.latLng, map: map});
});
你必须使用这个。
google.maps.event.addListener(map, 'click', function(event) {
alert("Latitude: " + event.latLng.lat() + " " + ", longitude: " + event.latLng.lng());
});
Run Code Online (Sandbox Code Playgroud)