在Ionic Framework Google Map中获取方向

时间:2016-12-15 11:00:12

标签: javascript android cordova dictionary ionic-framework

如何在地图中添加路线?

我正在研究离子框架,这是我的js,它引用了ionic.html文件(索引html只包括脚本和离子视图的位置)。我已经安装了map和geolocation cordova插件。

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

对于路线,我的意思是“如何通过汽车,步行或公共汽车到达特定位置?”

1 个答案:

答案 0 :(得分:0)

如果您想获得行动方向,那么您需要及时检查您的位置(经过一段时间或位置更改后)。因此,使用GetCurrentPostion和SetIntervale或WatchPosition方法。我们会喜欢<.code

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