2017-03-09 112 views
0

我正在使用谷歌角度地圖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

我不知道如何執行此操作。以下是我的代碼。請幫幫我。任何幫助,應該感激。在此先感謝

$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

我發現在谷歌地圖事件的長時間鍛鍊後回答自己。

要獲得dragend緯度和經度細節更改此代碼

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

好運。乾杯。