效果图:(城市打卡这一行)
1.安装插件:
一定要安装4.0版本(亲测有效),其他版本的可能导致获取不到经纬度
卸载旧版本:
ionic cordova plugin remove cordova-plugin-geolocation
npm uninstall @ionic-native/geolocation
安装4.0版本:
cordova plugin add cordova-plugin-geolocation@4.0.0
npm install @ionic-native/geolocation@4.0.0
2.在app.module.ts中引入
/*定位插件*/
import { Geolocation } from '@ionic-native/geolocation';
注意:同时在app.module.ts的providers中加入:Geolocation
providers: [
StatusBar,
SplashScreen,
{ provide: ErrorHandler, useClass: IonicErrorHandler },
{
provide: HAMMER_GESTURE_CONFIG,
useClass: ionicGalleryModal.GalleryModalHammerConfig,
},
Geolocation
]
3.在需要定位的页面的ts文件中引入:import { Geolocation } from '@ionic-native/geolocation';
我的页面是:chuchaiqr.ts
import { Geolocation } from '@ionic-native/geolocation';
constructor(
private geolocation: Geolocation
) {
}
4.在页面加载时开始定位,获取经纬度:
ionViewDidEnter(){
this.geol