2014-11-20 1 views
3

Я использую Angularjs с IonicFramework и ng-map. Я прочитал всю документацию здесь (link), но я не могу найти, как я могу показать пользователю лучший способ (или простой способ) перейти к текущей позиции пользователя другому.ng-map показать лучший способ между двумя точками (путевые точки)

Я прочитал this too и this, но я хотел бы использовать угловой.

ответ

3

Это то, что я делаю, и работает;)

$scope.centerOnMe= function(){ 
    $scope.positions = []; 


    $ionicLoading.show({ 
     template: 'Obteniendo localización...' 
    }); 



    navigator.geolocation.getCurrentPosition(function(position) { 
     var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); 
     $scope.positions.push({lat: pos.k,lng: pos.B}); 
     console.log(pos); 
     $scope.map.setCenter(pos); 
     $ionicLoading.hide(); 




     var directionsDisplay = new google.maps.DirectionsRenderer();; 
     var directionsService = new google.maps.DirectionsService(); 


     console.log($scope.map); 
     directionsDisplay.setMap($scope.map); 

     function calcRoute() { 
     var start = "37.891586,-4.7844853"; 
     var end = pos.k + "," + pos.B; 



     var request = { 
      origin: start, 
      destination: end, 
      optimizeWaypoints: true, 
      travelMode: google.maps.TravelMode.DRIVING 
     }; 

     directionsService.route(request, function(response, status) { 
      if (status == google.maps.DirectionsStatus.OK) { 
      directionsDisplay.setDirections(response);    
      console.log('enter!'); 
      } 
     }); 


     } 

     calcRoute(); 


    }); 
+0

ng-map теперь имеют направления api implemted – allenhwkim

+0

https://ngmap.github.io/#/!directions2.html –

+0

@chemitaxis HI, я использую ваш код, который работает нормально, но когда мой контроллер загружен. Я получаю сообщение об ошибке «InvalidValueError: setMap: не экземпляр карты». из-за этого, когда я рассчитываю маршрут между двумя точками. Я достиг стадии успеха функции calculateRoute() («введите!», Напечатанной на консоли), но маршрут не отображается на карте. –

2

Я хотел бы попробовать угловой-UI-карты https://angular-ui.github.io/angular-google-maps/#!/api

и Google Directions API: https://developers.google.com/maps/documentation/directions/

с направлениями Google API вы можете получить путевые точки для вашей поездки, а затем окрасить его на картах холст с директивой полилиний.

+0

Вы видели какой-либо пример? Благодаря!! – chemitaxis

Смежные вопросы