<分区>
我正在使用带有 IonicFramework 和 ng-map 的 Angularjs。我已阅读此处的所有文档 ( link ),但我找不到如何向用户展示将用户当前位置转到另一个位置的最佳方式(或简单方式)。
<分区>
我正在使用带有 IonicFramework 和 ng-map 的 Angularjs。我已阅读此处的所有文档 ( link ),但我找不到如何向用户展示将用户当前位置转到另一个位置的最佳方式(或简单方式)。
最佳答案
这就是我所做和工作的;)
$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 - Firebase 按内部数组值查询