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

Google Map jQuery - getting LatLng from mouse click

本文关键字：获取 LatLng 鼠标 jQuery- 谷歌地图      更新时间：2024-01-20

我目前正在使用Google Maps v3 API及其jQuery客户端。我试图通过鼠标点击地图来获取纬度和经度，将它们连接到一个字符串中，并将该字符串添加到页面上的输入字段中。作为jQuery的新手，我完全迷失了方向。有人能给我指正确的方向吗？我在页面上初始化谷歌地图的代码如下：

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

$(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
        });
    });
});

演示

相关文章：