地理定位 java_离子地理定位

您可以找到详细的文档here以下是从文档中复制的一些突出显示的步骤

在cordova版本<5的情况下

使用命令 cordova plugin add org.apache.cordova.geolocation 添加插件,否则 cordova plugin add cordova-plugin-geolocation

在您需要lat和long的脚本中进行此调用 navigator.geolocation.getCurrentPosition(onSuccess, onError);

整个例子都是这样的

// onSuccess Callback

// This method accepts a Position object, which contains the

// current GPS coordinates

//

var onSuccess = function(position) {

alert('Latitude: ' + position.coords.latitude + '\n' +

'Longitude: ' + position.coords.longitude + '\n' +

'Altitude: ' + position.coords.altitude + '\n' +

'Accuracy: ' + position.coords.accuracy + '\n' +

'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '\n' +

'Heading: ' + position.coords.heading + '\n' +

'Speed: ' + position.coords.speed + '\n' +

'Timestamp: ' + position.timestamp + '\n');

};

// onError Callback receives a PositionError object

//

function onError(error) {

alert('code: ' + error.code + '\n' +

'message: ' + error.message + '\n');

}

navigator.geolocation.getCurrentPosition(onSuccess, onError);

你的控制器将是这样的:

.controller('MapCtrl', function($scope, $ionicLoading, $compile) {

function initialise() {

function onSuccess(position){

var myLatlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

var mapOptions = {

zoom: 15,

center: myLatlng,

mapTypeId: google.maps.MapTypeId.ROADMAP,

}

var map = new google.maps.Map(document.getElementById('map'), mapOptions);

var marker = new google.maps.Marker({

position: myLatlng,

map: map,

});

$scope.map = map;

}

function onError(error){

alert('code: ' + error.code + '\n' +

'message: ' + error.message + '\n');

}

navigator.geolocation.getCurrentPosition(onSuccess, onError);

}

google.maps.event.addDomListener(window, 'load', initialise);

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值