代码之家 › 专栏 › 技术社区 › Dimoreno

使用ng map angularjs获取标记的latlng

ng-map marker angularjs javascript

Dimoreno · 技术社区 · 8 年前

我试着在标记器第一次或任何时候下降时获得latlng,但我做不到。

这是我的代码:

<body>
  <div ng-controller="MyCtrl">
    <ng-map 
    zoom="16" 
    center="{{address}}" 
    style="width:500px; height:400px"
    scrollwheel = "false">
      <marker 
      position="{{address}}" 
      title="{{address}}"
      on-dragend="getpos($event)"
      animation="DROP" 
      draggable="true">
      </marker>
    </ng-map>
    <br/>Address : <input ng-model="data.dir" />
    <input type="button" name="" id="" value="buscar" ng-click="buscar()"/>
    <br />
    {{data.emp_lat}}-----------{{data.emp_lon}}
  </div>
</body>
</html>

angular.module('ngMap').controller('MyCtrl', function($scope) {
  $scope.data = {};
  $scope.address = 'toronto canada';
  $scope.buscar = function(){
    $scope.address = $scope.data.dir;
  }
  $scope.getpos = function(event){
        $scope.latlng = [event.latLng.lat(), event.latLng.lng()];
        $scope.data.emp_lat = event.latLng.lat();
        $scope.data.emp_lon = event.latLng.lng();
    };
});

我的问题是,当标记器下降时,我如何获得latlng? (这应该在我的输入中设置地址后发生)

谢谢朋友们

1 回复 | 直到 8 年前

allenhwkim 8 年前

https://developers.google.com/maps/documentation/javascript/reference#Marker

你试过了吗 position_changed

https://plnkr.co/edit/0aIlq0iQfQkvU3nreVyY?p=preview

注意:不应将控制器直接添加到ng map模块。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前