Question

当使用'Google maps v3插件用于jQuery和jQuery Mobile'时，如何在地图上点击时检索鼠标指针下的纬度和经度值？

Answer 1

即使click事件侦听器已添加到插件内的地图中，返回的事件对象也不会给出latLng值。将click事件监听器从我的代码添加到地图对象，为我工作（通过引用this回答找到解决方案）。

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

如何使用jquery-ui-map获取click事件的经度和经度

3 个答案: