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定位

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容