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

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

a.创建新应用

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

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

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

2. 到微信小程序中

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

b.使用:

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

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

})

}

})

}

.......

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

微信小程序+腾讯地图获取定位与地图选点插件
文章目录一.思路二.逆地址解析 2.1. app.json 2.2. 页面加入 2.3. 后台代码三.地图插件调用 3.1. app.json加入 3.2. js页面加入 3.3. wxml页面 ...
uniapp：微信小程序使用高德地图进行坐标反解析获取详细地址
开发过小程序的都了解,我们在调用 uni.getLocation Api的时候,在微信小程序端,只会返给我们一个坐标系,当前位置的经纬度,当我们需要去知道当前位置的详细地址时,我们就需要进行反解析来获 ...
uni-app 中微信小程序使用高德地图等第三方 SDK的方法
获取SDK 首先在高德开放平台,注册账号并且申请相关的 key 等信息: 然后下载它的微信小程序版 SDK:微信小程序 SDK 然后填写app包名,申请原生sdk的appkey信息,但不需要下载原生s ...
微信小程序使用高德地图实现标点图标修改
微信小程序引入高德地图高德地图开放平台根据入门指南完成前五步后建议在app.js中引入 amap-wx.js 并初始化高德地图 app.json // 引入路径根据自己文件所在位置引入 v ...
uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
微信小程序引入高德地图Demo 快速上手
文章目录前言一.获取高德key 二.引入官方实例总结前言本文参照官方文档进行编写最后引入官方实例最终效果 ` 一.获取高德key 注册账号 https://lbs.amap.com/?r ...
微信小程序使用高德地图
微信小程序--高德地图开发应用(获取key) 1.利用高德开发平台创建应用 http://lbs.amap.com/dev/index 2.点击创建新应用进入创建模态框 3.添加新Key 在创建的应用 ...
微信小程序：高德地图在小程序中的实践（含静态地图）
前言前人栽树,后人乘凉.记录下工作的点点滴滴,让同道中人少走弯路~ 来看看需求和问题:房产相关的项目,详情中需要显示房源地址,底部要有固定的菜单(不是tabbar),房源数据过多,数据超过一屏时,m ...
微信小程序使用高德地图Web服务爬取企业数据
高德地图Api官网:高德开放平台 | 高德地图API 一.高德地图使用说明 "POI2.0" 地点搜索服务2.0是一类Web API接口服务:服务提供多种场景的地点搜索能力,包括关 ...

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

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

最新文章

热门文章