ionic4获取地理位置信息

摘要

ionic4 获取地理位置信息的细节有如下关键点
1、导入路径为@ionic-native/geolocation/ngx，而非@ionic-native/geolocation

2、在*.module.ts的providers中加入Geolocation

详情

安装

ionic cordova plugin add cordova-plugin-geolocation

npm install @ionic-native/geolocation

安装完成后，在package.json中会自动添加配置信息：

1）dependencies中会自动添加"@ionic-native/geolocation":"*.*.*"

2) 自动添加cordova  plugins信息：cordova-plugin-geolocation

使用

1、在需要使用的模块中添加Geolocation模块，例如app.module.ts

import {Geolocation} from "@ionic-native/geolocation/ngx"
……
providers: [
Geolocation,
……],

……

2、需要使用的组件中添加引用关系。

import {Geolocation} from "@ionic-native/geolocation/ngx"

注意：默认不会添加Geolocation引用关系，因为和默认库中的Geolocation重名。

3、调用getCurrentPosition可以获取位置信息。

this.geolocation.getCurrentPosition().then((resp) => {

     console.log(resp.coords.latitude);

     console.log(resp.coords.longitude);

}).catch((error) => {

     console.log('Error getting location', error);

});

注意：早期版本的getCurrentPosition用法不同，需要填入onSuccess，onError等参数。

          新版采用.then、.catch的方式。

参考

1、ionic-Geolocation

2、cordova-plugin-geolocation

3、Ionic3+GPS定位