微信小程序基于高德地图查找位置并显示文字

(编辑：jimmy 日期: 2024/11/9 浏览：3 次 )

这篇文章主要介绍了微信小程序基于高德地图查找位置并显示文字,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.根据经纬度在地图上查找定位　　

var key = app.globalData.amapKey;
var myAmapFun = new amapFile.AMapWX({ key: key });
myAmapFun.getRegeo({
　　iconPath: "../../assets/marker_checked.png",
　　iconWidth: 22,
　　iconHeight: 32,
　　success: function (data) {
　　　　that.setData({
　　　　　　markers: [{
　　　　　　　　latitude: that.data.gdlatitude,
　　　　　　　　longitude: that.data.gdlongitude,
　　　　　　}],
　　　　　　latitude: that.data.gdlatitude,
　　　　　　longitude: that.data.gdlongitude
　　　　});
　　},
　　fail: function (info) {
　　}
})

2.地图显示具体位置信息文字

wx.request({
　　url: 'https://restapi.amap.com/v3/geocode/regeo',
　　data: {
　　　　key: app.globalData.amapKey,
　　　　location: that.data.gdlongitude + "," + that.data.gdlatitude,
　　　　extensions: "all",
　　　　s: "rsx",
　　　　sdkversion: "sdkversion",
　　　　logversion: "logversion"
　　},
　　success: function (res) {
　　　　that.setData({
　　　　　　textData: {
　　　　　　　　name: res.data.regeocode.pois[0].name,
　　　　　　　　desc: res.data.regeocode.formatted_address
　　　　　　}
　　　　})
　　　　console.log(JSON.stringify(res.data.regeocode.formatted_address));
　　},
　　fail: function (res) {
　　})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：vue遍历生成的输入框绑定及修改值示例
下一篇：vue 实现cli3.0中使用proxy进行代理转发