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

时间:2012-07-24 13:28:32

标签: javascript jquery google-maps google-maps-api-3

我目前正在使用带有their jQuery client的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});
});

1 个答案:

答案 0 :(得分:7)

$(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.

相关问题