微信小程序整合高德地图获取定位经纬度信息

1.登录高德地图https://lbs.amap.com/

微信小程序整合高德地图获取定位经纬度信息_第1张图片

a.创建新应用

微信小程序整合高德地图获取定位经纬度信息_第2张图片

微信小程序整合高德地图获取定位经纬度信息_第3张图片

微信小程序整合高德地图获取定位经纬度信息_第4张图片

微信小程序整合高德地图获取定位经纬度信息_第5张图片

这个key后边整合的时候会用到,精彩继续

 

b.下载SDK  https://lbs.amap.com/api/wx/download

微信小程序整合高德地图获取定位经纬度信息_第6张图片

待会我们用的就是这个js文件

微信小程序整合高德地图获取定位经纬度信息_第7张图片

2. 到微信小程序中

a.新建wxs文件夹将amap-wx.js文件复制粘贴进去

微信小程序整合高德地图获取定位经纬度信息_第8张图片

b.使用:

代码:var amapFile = require('../../wxs/amap-wx.js');

微信小程序整合高德地图获取定位经纬度信息_第9张图片

c.获取定位以及计算两点经纬度距离单位(KM)

代码清单:

Page({

  data: {

    gaodeAddress:""//定位地址

  },

  //通过两点经纬度计算距离(KM)  

  distance:function(la1, lo1, la2, lo2) {

    var La1 = la1 * Math.PI / 180.0;

    var La2 = la2 * Math.PI / 180.0;

    var La3 = La1 - La2;

    var Lb3 = lo1 * Math.PI / 180.0 - lo2 * Math.PI / 180.0;

    var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(La3 / 2), 2) + Math.cos(La1) * Math.cos(La2) * Math.pow(Math.sin(Lb3 / 2), 2)));

    s = s * 6378.137;//地球半径

    s = Math.round(s * 10000) / 10000;

    console.log("计算结果",s);

    return s;

    },

   //高德地图获取定位

    gaodeGetLocation:function(){

      var that = this;

      var myAmapFun=new amapFile.AMapWX({key:'24736188d851d49921a02a6e0ccd79b8'});

      myAmapFun.getRegeo({

          success:(res)=>{

              console.log("高德地图获取定位:"+JSON.stringify(res),res[0].regeocodeData.formatted_address);

              //计算两个经纬度距离

              var jl = that.distance(39.928712, 116.393345, res[0].latitude, res[0].longitude);

              console.log("打印计算两个点的距离:"+jl);

              this.setData({

                gaodeAddress:res[0].regeocodeData.formatted_address

              })

          }

      })

  }

.......

 

 

 

你可能感兴趣的:(微信小程序,微信,js)