谷歌地图jQuery - 从鼠标点击获取LatLng

Question

我目前正在使用Google Maps v3 API和他们的jQuery客户端.我试图通过鼠标点击地图来获取经度和经度,将它们连接到一个字符串并将该字符串添加到页面上的输入字段.作为jQuery的新手,我完全迷失了.谁能指出我正确的方向？我在我的网页上初始化Google地图的代码如下:

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

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.