在谷歌地图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和google map api v3来获取鼠标点击事件的经度和纬度.这是我的控制器的一个例子.我已经在地图上添加了一个活动,以便获得坐标,但现在我得到的只是中心的坐标.我不知道如何获得我的鼠标点击事件的确切坐标.谢谢你的帮助.

Answer 1

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

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

检查这个DEMO FIDDLE