Angularjs 离子和角度谷歌地图可以获得方向
目前,我有一张地图,可以提供从预设点a到预设点B的方向,但我希望有从用户位置到预设点的方向,如本例所示: 我的控制器代码是: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
.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)的路线。我对拥有相同的用户界面不感兴趣。谢谢你的回答。。出于某种原因,我无法在代码中实现您的建议。这是我创建的代码笔:有什么建议吗?