ionic3获取通过gps获取经纬度,并利用高德地图解析成地址

本文介绍了在Ionic3项目中如何获取GPS经纬度,并利用高德地图API将经纬度解析成具体地址。通过安装特定版本的Geolocation插件,配置模块,以及调用高德地图的Web API接口,实现了在Android平台上的定位功能。需要注意申请高德地图的Web端API Key,并在 Ionic 的index.html和对应页面中正确引用。
摘要由CSDN通过智能技术生成

效果图:(城市打卡这一行)

 

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
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值