ngMap检索坐标和圆的半径

时间:2016-06-04 23:39:53

标签: angularjs google-maps ng-map

我正在使用ngMap,特别是这个例子: https://ngmap.github.io/#/!shape_circle_with_current_position.html

它允许用户绘制一个圆并指定其半径。

如何检索中心坐标和半径尺寸?

这是我的控制者:

angular.module('myApp')
    .controller('someCtrl', function ($scope, NgMap, someService) {     

    NgMap.getMap().then(function(map) {
    });   

    $scope.someMethod = someMethod;

    function someMethod () {
        someService.addLocation(lat, lon, radius);
    }
});

我找不到任何例子。

1 个答案:

答案 0 :(得分:1)

您可以从 NgMap 服务获取该圆圈的实例,该服务用于使用延迟承诺检索地图对象。从那个圆形物体,你可以得到半径和中心坐标。假设你的形状的id是圆圈。然后下面的片段将检索中心和&半径。

angular.module('myApp')
    .controller('someCtrl', function ($scope, NgMap, someService) {     

      NgMap.getMap().then(function(map) {
          console.log("Radius of the circle : " + map.shapes.circle.radius);
          console.log("Center's Latitude : " + map.shapes.circle.center.lat());
          console.log("Center's Langitude : " + map.shapes.circle.center.lng());
      });   

      $scope.someMethod = someMethod;

      function someMethod () {
         someService.addLocation(lat, lon, radius);
      }
   });