使用ionic-cordova获取手机app定位功能

主要是参考官方文档。

1.首先要运行两个命令

ionic cordova plugin add cordova-plugin-geolocation
npm install --save @ionic-native/geolocation

这个时候会帮你下载geolocation这个插件。

2.然后在你的app.module.ts添加如下代码

import { Geolocation } from "@ionic-native/geolocation/ngx";
@NgModule({
   ...
  providers: [
    ...
    Geolocation,
    ...
  ],
  ...
})

3.在你需要使用的文件添加如下代码

import { Geolocation } from "@ionic-native/geolocation/ngx";
  constructor(
    ...
    private geolocation: Geolocation
  ) {
    ...
}

最后调用下面的方法获取手机GPS定位

centerCurrentLocation() {
    this.geolocation.getCurrentPosition().then((resp) => {
      console.log('getting position latitude:' + resp.coords.latitude);
      console.log('getting position longitude:' + resp.coords.longitude);
    }).catch(err => {
      //申请权限失败
      console.log('Error getting location', err);
    });
  }

你的手机也需要进行设置。设置-》位置信息-》模式-》高精确度(使用GPS、WLAN、蓝牙或移动网络确定位置)。

这个时候你在app调用这个方法之后,会提示你需要定位的权限的,同意即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值