欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-03-02 11:43:58|栏目:JavaScript代码|点击:

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

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

上一篇:js实现图片上传并正常显示

栏    目:JavaScript代码

下一篇:js 原型对象和原型链理解

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

本文地址:http://www.codeinn.net/misctech/72465.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有