在鼠标点击谷歌地图 api v3 和 angularJS 上获取 Cordinates

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和谷歌地图api v3获取鼠标点击事件的经度和纬度时遇到了问题。这是我的控制器的示例。我在地图上添加了一个事件，以便获取坐标，但现在我得到的只是中心的绳索。我不知道如何获取鼠标单击事件的确切字符串。感谢您的帮助。

Answer 1

您必须实现一个侦听器来捕获点击并获取位置：

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

检查这个演示小提琴

Answer 2

Angular 和 google maps v3 中的 click 事件返回三个对象：instance、eventName、handler。

第三个有带有lat((，lng((函数的latLong。

所以你可以通过处理程序[0].latLng.lat((获得纬度。

还有一个有用的像素对象，其位置属性为单击点的 x，y。

Answer 3

如果你使用角度，为什么不把它的指令用于地图。纳地图