angularjs - ng-map 显示两点(航路点)之间的最佳方式

标签 angularjs google-maps ionic-framework ng-map

<分区>

我正在使用带有 IonicFramework 和 ng-map 的 Angularjs。我已阅读此处的所有文档 ( link ),但我找不到如何向用户展示将用户当前位置转到另一个位置的最佳方式(或简单方式)。

我已阅读 this toothis ,但我想使用 Angular 。

最佳答案

这就是我所做和工作的;)

$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();


    });

关于angularjs - ng-map 显示两点(航路点)之间的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27036541/

相关文章:

python - 是否可以使用 Jupyter Notebooks 禁用/隐藏 gmap 中的控件?

angular - 带有 Angular 9 的 Ionic 5 - Angular JIT 编译失败 : '@angular/compiler' not loaded

javascript - 通过 javascript 切换 ionic 侧边菜单

c# - 在我的后端使用 [FromBody] 来识别 Web API 参数是好习惯吗?

javascript - 基于值(value)而不是数量的传单热图

javascript - 通过 ng-repeat 更改后,在 ng-model 对象中添加新属性

javascript - 在谷歌地图事件函数中发送附加参数

javascript - Firebase 按内部数组值查询

node.js - Angular Js 意外 token 错误动态路由

javascript - Angular 中的 url 更改时模板闪烁