Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/rust/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps api 3 如何使用jQueryUI地图在单击事件时获取纬度和经度_Google Maps Api 3_Jquery Ui Map - Fatal编程技术网

Google maps api 3 如何使用jQueryUI地图在单击事件时获取纬度和经度

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对象对我来说很有用(通过引用答

使用“用于jQuery和jQuery Mobile的Google maps v3插件”时,如何在单击地图时检索鼠标指针下的纬度和经度值

$($('#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>