2016-12-15 83 views
1

如何在地圖中包含路線?獲取離子框架中的方向谷歌地圖

我的工作離子的框架,這是我的JS是指ionic.html文件(HTML指數只包括腳本和離子視圖的位置)。我已經安裝了地圖和地理位置科爾多瓦插件。

app.controller('MapController', function($scope, $ionicLoading) { 

    // var myLatlng = new google.maps.LatLng(37.3000, -120.4833); 

     var mapOptions = { 
      //center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById("map"), mapOptions); 

     navigator.geolocation.getCurrentPosition(function(pos) { 
      map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude)); 
      var myLocation = new google.maps.Marker({ 
       position: new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude), 
       map: map, 
       title: "My Location" 
      }); 
    // var newLatlng = new google.maps.LatLng(37.3000, -120.4833); 
     var torriLocation = new google.maps.Marker({ 
       position: new google.maps.LatLng(44.823889, 10.335894000000053), 
       map: map, 
       title: "My Location" 
     }); 

     }); 


     $scope.map = map; 
}); 

有關說明我的意思是:「我如何能達到藉助車的具體位置,步行或公交車?」

回答

0

如果你希望得到您的運動方向,那麼你要及時檢查您的位置(一段時間或位置變化後)。因此,使用GetCurrentPostion與SetIntervale或WatchPosition方法。代碼將我們喜歡

setInterval(function(){ 
     navigator.geolocation.getCurrentPosition(success_loc, error_loc, opti) 
    },(1000 * 60 * 1)); 

navigator.geolocation.watchPosition(showPosition);

參考 https://developers.google.com/maps/documentation/javascript/examples/map-geolocation

https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/watchPosition

+0

沒有對不起...我的意思,我想知道,例如,我可以如何到達特定的位置(通過汽車,步行,公共汽車......) – Jamil89

+0

使用旅行模式選項爲此..請檢查此示例https://jsfiddle.net/api/post/library/pu回覆/ – Anuj