谷歌地图 jQuery - 从鼠标点击获取经纬度

Question

我目前正在使用带有jQuery客户端的Google Maps v3 API。 我试图从鼠标在地图上的点击中获取纬度和经度，将它们连接成一个字符串，并将该字符串添加到页面上的输入字段中。 由于对jQuery非常陌生，我完全迷失了方向。 有人能指点我正确的方向吗？ 在我的页面上初始化Google地图的代码如下：

$(document).ready(function() { 
    var yourStartLatLng = new google.maps.LatLng(53.307697, -6.222317);
    $('#map-canvas').gmap({'center': yourStartLatLng, zoom: 15});
});

- Richard Stokes

Answer 1

$(document).ready(function() {
    var yourStartLatLng = new google.maps.LatLng(53.307697, -6.222317);
    $('#map_canvas').gmap({'center': yourStartLatLng, zoom: 15})
    .bind('init', function(event, map) { 
        $(map).click( function(event) {
            var lat=event.latLng.lat();
            var lng=event.latLng.lng();
            $('#latlng').val(lat+', '+lng); // 'latlng' is the id of the input
        });
    });
});

DEMO.

- The Alpha