2017-03-09 7 views
0

角度のあるGoogleマップhttps://angular-ui.github.io/angular-google-maps/#!/を使用しています。ユーザーがマップをドラッグするとき。私は彼のセンターの緯度と経度をolaやuber appのように取得する必要があります。角度グーグルマップでcenter_changedの緯度と経度を取得する方法

私は、このリンクでデモを得たが、私はこれを実行する方法がわからないドラッグhttp://googlemaps.googlermania.com/google_maps_api_v3/en/map_example_21.html

ながら緯度とLNGこのデモが表示されます。以下は私のコードです。私を助けてください。どんな助けも認めてください。事前に感謝します

$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: {} 
        } 
      }; 

答えて

1

Googleマップのイベントで長い運動をした後に私自身が答えを見つけました。

あなたはcenter_changedイベント緯度とLNGの詳細は、このコード

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 
}, 

幸運を追加したい場合は緯度とLNGの詳細は

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 
}, 

にこのコード

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

を変更dragendイベントを取得するには。乾杯。

関連する問題