Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 离子和角度谷歌地图可以获得方向_Angularjs_Google Maps_Ionic Framework - Fatal编程技术网

Angularjs 离子和角度谷歌地图可以获得方向

Angularjs 离子和角度谷歌地图可以获得方向,angularjs,google-maps,ionic-framework,Angularjs,Google Maps,Ionic Framework,目前,我有一张地图,可以提供从预设点a到预设点B的方向,但我希望有从用户位置到预设点的方向,如本例所示: 我的控制器代码是: .controller('ContactCtrl', function($scope, $document, $ionicLoading) { // map object $scope.map = { control: {}, center: { latitude: 51.51139, longitude: -0.2237284 }, zoom: 14

目前,我有一张地图,可以提供从预设点a到预设点B的方向,但我希望有从用户位置到预设点的方向,如本例所示:

我的控制器代码是:

.controller('ContactCtrl', function($scope, $document, $ionicLoading) {
// map object
$scope.map = {
control: {},
center: {
    latitude: 51.51139,
    longitude: -0.2237284
},
zoom: 14
 };

 // marker object
 $scope.marker = {
 center: {
    latitude: 51.51139,
    longitude: -0.2237284
 }
}

// instantiate google map objects for directions

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


// directions object -- with defaults
$scope.directions = {
origin: "this shoud be user ",
destination: "White City, London W12 7RQ",
 showList: false
 }

 // get directions using google maps api
 $scope.getDirections = function () {
  var request = {
  origin: $scope.directions.origin,
  destination: $scope.directions.destination,
  travelMode: google.maps.DirectionsTravelMode.DRIVING
 };
  directionsService.route(request, function (response, status) {
   if (status === google.maps.DirectionsStatus.OK) {
    directionsDisplay.setDirections(response);
    directionsDisplay.setMap($scope.map.control.getGMap());
    directionsDisplay.setPanel(document.getElementById('directionsList'));
    $scope.directions.showList = true;
  } else {
    alert('Google route unsuccesfull!');
  }
  });
}
})

有什么想法吗?

在启动方向服务之前,请按如下方式获取用户的位置:

$scope.centerOnMe=function(){
if(!$scope.map){
返回;
}
$scope.loading=$ionicLoading.show({
内容:“正在获取当前位置…”,
});
navigator.geolocation.getCurrentPosition(函数(位置){
var pos=新的google.maps.LatLng(position.coords.lation,position.coords.longitude);
$scope.positions.push({
纬度:位置k,
液化天然气:B位置
});
控制台日志(pos);
$scope.map.setCenter(pos);
$ionicLoading.hide();
});

};你在问什么?你想要这样的用户界面吗?或者您想像示例中那样显示航路点吗?具体点。另外,如果你已经有了一个例子,那么你所寻求的“想法”是什么?谢谢你的观察。基本上,我正在寻找的是显示一张地图,它不会给出两个预设点的方向,而是会定位用户(点a)并计算到预设点(点B)的路线。我对拥有相同的用户界面不感兴趣。谢谢你的回答。。出于某种原因,我无法在代码中实现您的建议。这是我创建的代码笔:有什么建议吗?