angularjs - 如何在 Angular 谷歌地图中获取center_changed纬度和经度

标签 angularjs google-maps google-maps-api-3

我正在使用 Angular 谷歌地图https://angular-ui.github.io/angular-google-maps/#!/ 。当用户拖动 map 时。我需要像 ola 或 uber 应用程序一样获取他的中心纬度和经度。

我在此链接中获得了一个演示,但该演示在拖动时显示纬度和经度 http://googlemaps.googlermania.com/google_maps_api_v3/en/map_example_21.html

我不知道如何执行这个。下面是我的代码。请帮我。任何帮助都应该受到赞赏。提前致谢

$scope.map = {
              center: {
                latitude: $scope.set_latitude, //current location
                longitude: $scope.set_longitude
              },
              control: {}, 
              zoom: 12, 
              bounds: {},
              events:
                  { 
                    dragend: function (mapModel, eventName, marker, orignalEventArgs) {
                        alert('dragend');
                    }, 
                    tilesloaded: function(map, eventName, originalEventArgs){

                    var e = originalEventArgs[0]; 
                        var ret = {
                            id: 0,
                            latitude: $scope.set_latitude, // marker current location
                            longitude: $scope.set_longitude, 
                            title: 'Your Location',
                            icon:'image/marker.png'
                          };  

                          $scope.randomMarkers.push(ret); 
                    }

                  } ,

                  markersEvents: {
                    click: function(marker, eventName, model) { 
                        $scope.map.window.model = model;
                        $scope.map.window.show = true;
                    }
                  },    
                  window: {
                    marker: {},
                    show: false,
                    closeClick: function() {
                      this.show = false;
                    },
                    options: {}
                  }
            };

最佳答案

在谷歌地图事件上进行长时间锻炼后,我自己找到了答案。

要获取拖尾纬度和经度详细信息,请更改此代码

dragend: function (mapModel, eventName, marker, orignalEventArgs) {
   alert('dragend');
}

dragend: function (map, eventName) {
    var center = map.getCenter();
    $scope.latitude_n = center.lat();
    $scope.longitude_n = center.lng(); console.log($scope.latitude_n+','+$scope.longitude_n); // center location details
},

如果您想要 center_changed 事件纬度和经度详细信息,请添加此代码

center_changed:function (map, eventName){
    var center = map.getCenter();
    $scope.latitude_n = center.lat();
    $scope.longitude_n = center.lng(); console.log($scope.latitude_n+','+$scope.longitude_n); // center location details
},

祝你好运。干杯。

关于angularjs - 如何在 Angular 谷歌地图中获取center_changed纬度和经度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42690216/

相关文章:

javascript - 当我使用异步/等待功能时,Angular UI 路由器不处理解析功能?

angularjs - AngularJS 中双向绑定(bind)的 bool 值取反

google-maps - Google map V3 信息框始终位于中心

ios - 为什么我的应用程序在给予谷歌 API key 限制后总是未被授权?

javascript - 使用输入类型 ="range"更改 Circle google map 的半径

java - 禁止在 map 长按时多次重新打开 Activity

javascript - 刷新/定时器功能仅适用于 2 个提要中的 1 个 -- $q.all() 合并

javascript - Jasmine单元测试window.onbeforeunload

javascript - 在circle.setMap(null) Google Map Javascript API之后圆圈仍然显示

javascript - 当使用 3d 变换时,Google map 控制 Webkit 中的卡住