google-maps-api-3 - 如何使用 jquery-ui-map 获取点击事件的纬度和经度

Question

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

Answer 1

即使点击事件侦听器已经添加到插件内部的地图中，返回的事件对象也不会给出 latLng 值。从我的代码中将点击事件侦听器添加到地图对象，对我有用（通过引用这个答案找到了解决方案）。

var map = $('#map_canvas').gmap('get', 'map');
$(map).addEventListener('click', function(event) {
    alert(event.latLng);
});

Answer 2

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>

Answer 3

$($('#map_canvas').gmap('get', 'map')).click(function(event) {
    console.log(event.latLng);
});

见http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-geocoding.html