angularjs - 在 google map api v3 和 angularJS 上点击鼠标获取坐标

Question

$scope.map = {
    center: {
        latitude: 36,
        longitude: -80
    },
    zoom: 3,
    showOverlay: true,
    events: {
        "click": function ()
        { console.log(" latitude: " + $scope.map.center.latitude + "longitude: " + $scope.map.center.longitude); }
    },
    options: {
        streetViewControl: false,
        panControl: false,
        maxZoom: 20,
        minZoom: 1,

    }
}

因此，我在使用 angularJS 和 google map api v3 获取鼠标单击事件的经度和纬度时遇到了问题。这是我的 Controller 的一个例子。我在 map 上添加了一个事件以获得坐标，但现在我得到的只是中心的坐标。我不知道如何获取鼠标单击事件的确切坐标。谢谢你的帮助。

Answer 1

您必须实现一个监听器来捕捉点击并获取位置:

google.maps.event.addListener(map, 'click', function(event) {
    alert(event.latLng);  // in event.latLng  you have the coordinates of click
});

检查这个 DEMO FIDDLE