2017-09-15 7 views
0

初めてマーカーをドロップしたときにlatlngを取得しようとしていますが、できません。 私のコードでは、マーカーがon-dragendのときにlatlngを得ることができます。ng-map angularjsでマーカーの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> 

これが私のjsです:

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(); 
    }; 
}); 

私の質問は、マーカーが低下したときに、私は緯度経度を取得することができる方法ですか?

答えて

0

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

感謝の友人は、あなたはposition_changedを試してみました(これは後に、私の入力のアドレスを設定して起こるはず)?

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

あなたは、この次回のためにplunkerを作成しようとすることはできますか?

注:ng-mapモジュールにコントローラを直接追加しないでください。

+0

私はこれを持っていますhttps://plnkr.co/edit/9B7DMB9fq1b3Pitjsess?p=preview 私はどのようにしてposition_changedを実装できますか? –

+0

ありがとう@allenhwkim私はプランナーを試してみるよ –

+0

あなたの答えが正しいallenwkimのおかげでD:D –

関連する問題