温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-06-26 14:22:56 来源:亿速云 阅读:302 作者:小新 栏目:web开发

这篇文章给大家分享的是有关微信小程序基于高德地图查找位置并显示文字的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

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) {
  })

感谢各位的阅读!关于“微信小程序基于高德地图查找位置并显示文字”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI