3

IonicFramework と ng-map で Angularjs を使用しています。ここですべてのドキュメントを読みました (リンク) が、ユーザーの現在の位置から別の位置に移動するための最良の方法 (または簡単な方法) をユーザーに示す方法がわかりません。

thisとthisも読みましたが、angular を使用したいと思います。

4

2 に答える 2

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


    });
于 2014-11-20T11:05:52.803 に答える
2

angular-ui-maps https://angular-ui.github.io/angular-google-maps/#!/apiを試してみます

および Google ルート案内 API: https://developers.google.com/maps/documentation/directions/

Google ルート API を使用すると、旅行のウェイポイントを取得し、ポリライン ディレクティブを使用してマップ キャンバスにペイントできます。

于 2014-11-20T10:09:20.057 に答える