在巩义网站制作过程中,我们会使用到高德地图进行部分网站信息的获取和展示,包括位置信息,周边地区信息以及天气信息,在上篇文章中我们介绍了如何对高德地图进行调用,今天我们来解决一下在高德地图使用中,如何对腾讯本地经纬度获取之后进行高德经纬度的转换,以及腾讯本地全局缓存数据的获取方法。
一.在网站制作项目中,引入高德地图的js文件,名称为amap-wx.js,
二.使用代码编辑器打开该文件,先了解高德地图的数据结构写法:
AMapWX.prototype.getWxLocation = function(a, b) {
wx.getLocation({
type: "gcj02",
success: function(a) {
var c = a.longitude + "," + a.latitude;
wx.setStorage({
key: "userLocation",
data: c
}), b(c)
},
fail: function(c) {
wx.getStorage({
key: "userLocation",
success: function(a) {
a.data && b(a.data)
}
}), a.fail({
errCode: "0",
errMsg: c.errMsg || ""
})
}
})
},
通过以上代码我们可以发现,高德地图的定位是借助了腾讯当前位置获取的api,即wx.getLocation,并对其进行了本地数据的全局缓存,同时进行了相应的经纬度转换以达到使用要求。
三.从高德地图调用本地位置的经纬度获取方法,我们就可以直接调用本地全局缓存的方法来获取到高德地图转换后的经纬度信息,代码如下:
//获取本地缓存
wx.getStorage({
key: "userLocation",
success: function(res) {
that.setData({
x: res.data.split(",")[0],
y: res.data.split(",")[1]
})
},
})
具体流程为:获取本地高德地图的经纬度缓存信息,并使用split函数进行转换,并获取到想要的数据,并对其数据进行数据绑定,赋值给你想要的对象中。
以上就是通过调用本地全局数据缓存的方法,来获取本地经纬度信息的方法,通常其用于腾讯与高德地图之间的经纬度转换问题中。在实际的巩义网站制作过程中,大家可以根据实际情况来具体进行代码的测试练习。
本文关键词:
高德地图 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络