ionic2 geolocation定位,将geolocation坐标转换为百度坐标,高德地图坐标

本文介绍了在Ionic2中如何使用geolocation插件获取当前位置,并详细讲解如何将获取的坐标转换为百度和高德地图的坐标系,同时展示了如何在应用中引入高德地图JS并获取未经转换的当前位置坐标,以及根据经纬度获取中文地址。
摘要由CSDN通过智能技术生成
  1. 安装 geolocation 插件 执行以下命令
    npm install --save @ionic-native/geolocation
  2. 将geolocation插件在app.module.ts内声明
    import { Geolocation } from '@ionic-native/geolocation';
    @NgModule({
        providers: [
    		{ provide: ErrorHandler, useClass: IonicErrorHandler },
            Geolocation
        ]
    })
  3. 在使用geolocation插件的页面导入该插件并且依赖注入
    import { Injectable } from '@angular/core';
    import { Geolocation } from '@ionic-native/geolocation';
    @Injectable()
    export class GeolocationService {
         constructor(
            private geolocation: Geolocation
         ) {}
    }

     

  4. 使用高德地图与百度地图需在index.html页引入相关js。高德地图的key值可更改为您所申请的key值
    
     <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&key=99f20bf360cfecd1eb94acfcb6819474"></script>
     <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

     

  5. 使用geolocation插件的方法获取当前位置经纬度信息
    
     /**
      * 获取当前地理位置
      */
    getCurrentPosition(): Promise<{ latitude: string, longitude: string }> {
            return this.geolocation.getCurrentPosition().then(res => {
                let latitude = res.coords.latitude.toString();  //纬度
                let longitude = res.coords.longitude.toString(); //经度
                let lo
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值