Google maps api 3 如何使用jQueryUI地图在单击事件时获取纬度和经度
使用“用于jQuery和jQuery Mobile的Google maps v3插件”时,如何在单击地图时检索鼠标指针下的纬度和经度值Google maps api 3 如何使用jQueryUI地图在单击事件时获取纬度和经度,google-maps-api-3,jquery-ui-map,Google Maps Api 3,Jquery Ui Map,使用“用于jQuery和jQuery Mobile的Google maps v3插件”时,如何在单击地图时检索鼠标指针下的纬度和经度值 $($('#map_canvas').gmap('get', 'map')).click(function(event) { console.log(event.latLng); }); 请参见即使单击事件监听器已添加到插件内的映射中,返回的事件对象也不会给出latLng值。 从我的代码中将click事件侦听器添加到map对象对我来说很有用(通过引用答
$($('#map_canvas').gmap('get', 'map')).click(function(event) {
console.log(event.latLng);
});
请参见即使单击事件监听器已添加到插件内的映射中,返回的事件对象也不会给出latLng值。 从我的代码中将click事件侦听器添加到map对象对我来说很有用(通过引用答案找到了解决方案)
johansalllarsson的解决方案对我来说非常有用,下面是我的代码示例:
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="js/jquery.ui.map.full.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#map').gmap();
$($('#map').gmap('get', 'map')).dblclick(function(event) {
alert(event.latLng);
});
});
</script>
$(函数(){
$('#map').gmap();
$($('#map').gmap('get','map')).dblclick(函数(事件){
警报(事件警报);
});
});
我已经试过了,但不起作用。控制台中出现以下错误:[10:07:32.098]$(“#map_canvas”).gmap(“获取”、“映射”)。单击不是函数。
@johansalllarsson您附加的链接抛出404。你能把它更新成功能表吗?能不能把纬度和经度分开?没关系。就这么简单:event.latLng.jb
表示纬度,event.latLng.kb
表示经度
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="js/jquery.ui.map.full.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#map').gmap();
$($('#map').gmap('get', 'map')).dblclick(function(event) {
alert(event.latLng);
});
});
</script>