介绍
这篇文章主要介绍微信小程序怎么获取用户地理位置名称,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
准备
1,在http://lbs.qq.com/网站申请关键
2,在微信小程序后台把apis.map.qq.com添加合进请求法域名
效果
添加封装
/* * ,*发起网络请求 ,* @param {字符串},url ,* @param {对象},params ,* @return {承诺}, ,*/,static 请求(url,参数,,method =,“GET",, type =,“json"), { ,console.log(“向后端传递的参数,,,params); ,return new 承诺((解决,,拒绝),=祝辞,{ let 才能;opts =, { ,,url: url, ,,数据:Object.assign ({}, params), 方法:才能,方法, 标题:才能,{,& # 39;内容类型# 39;:,type }, 成功:,才能解决, 失败:才能拒绝 ,,}//才能,console.log(“请求的URL",, opts.url); wx.request才能(选择); ,}); ,};/* * ,*获取用户中心位置经纬度 ,* @param {ctx}, name ,*/,static getCenterLocation(名字),{ ,return new 承诺((解决,,拒绝),=祝辞,name.getCenterLocation({,成功:决心,,失败:,reject })); 以前,}>如果已经存在,则不用添加
js
let app =, getApp (); let wechat =,要求(“. ./. ./跑龙套/wechat"); 页面({ ,onReady (e), { ,let mapCtx =, wx.createMapContext(& # 39;关联# 39;); ,setTimeout((),=祝辞,{ mapCtx.moveToLocation才能(); ,},1000); ,setTimeout((),=祝辞,{ this.getAddress才能(mapCtx); ,},2000); }, ,getAddress (mapCtx) { ,wechat.getCenterLocation (mapCtx) ,然后才能(d =祝辞,{ console.log才能(d); let 才能{纬度的不同之处是,longitude },=, d; console.log才能(“当前位置纬度,,,纬度,“当前位置经度,,,经度); let 才能;url =,“https://apis.map.qq.com/ws/geocoder/v1/? let 才能;key =, & # 39; XXXXX-D6FAD-RSG4U-HBE6F-NVFNK-XXXXX& # 39;; let 才能;params =, { ,,,地点:latitude +,,,,, +,经度, ,,,的关键 ,,} return 才能wechat.request (url, params); })才能 ,然后才能(d =祝辞,{ console.log才能(d); console.log才能(“当前地址“,,d.data.result.address); })才能 .catch才能(e =祝辞,{ console.log才能(e); })才能 ,} , html})
& lt; map id=癿yMap", show-location=皌rue",规模=?6“,/在css
页面{ ,高度:100%; } #关联{ ,宽度:100%; ,高度:100%; }以上是“微信小程序怎么获取用户地理位置名称“这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
微信小程序怎么获取用户地理位置名称