微信小程序怎么获取用户地理位置名称

  介绍

这篇文章主要介绍微信小程序怎么获取用户地理位置名称,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

准备

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%;   }

以上是“微信小程序怎么获取用户地理位置名称“这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

微信小程序怎么获取用户地理位置名称