小程序怎么获取当前位置加搜索附近热门小区及商区 - 行业资讯

　　介绍

小编给大家分享一下小程序怎么获取当前位置加搜索附近热门小区及商区,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

小程序获取当前位置加搜索附近热门小区及商区的方法:

两种方法:一种是腾讯地图获取,另一种是百度地图获取

我用的是腾讯地图获取步骤如下

1,话不多说,直接上干货

实现上图效果,主要技术是获取微信小程序地理位置,得到经纬度,使用微信小程序JavaScript SDK逆地址解析和地点搜索实现

2,微信小程序JavaScript SDK

申请开发者密钥(关键):https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html手机号注册即可使用。

下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0下载完成后放入跑龙套文件夹下引用即可

安全域名设置,在“设置”→“开发设置”中设置请求合法域名,添加https://apis.map.qq.com

3。详细代码

& lt; view 比; 　　,,& lt; !——,搜索框,——比; 　　,& lt; view 类=& # 39;搜索# 39;比; 　　& lt;才能view 类=& # 39;search_box& # 39;比; 　　,,& lt; image src=https://www.yisu.com/images/search.png”class=皊earch_image”> 　　　　　　　　　　<视图类=' btn1 bindtap=癇ackTap2”> 　　不显示位置　　　　<视图类='这里的天气:=" {{pois}} "天气:关键=" " bindtap=癇ackTap”数据项={{指数}}的> 　　<视图> {{item.title}} 　　<视图类='提示'> {{item.address}} 　　　　

//获取应用实例
　　const  app =, getApp ();
　　var  timer =,假;
　　var  QQMapWX =,要求(& # 39;. ./. ./. ./跑龙套qqmap-wx-jssdk.js& # 39;);
　　var  qqmapsdk;
　　页面({
　　,数据:{
　　,,statusBarHeight: getApp () .globalData.statusBarHeight,
　　页:1,才能
　　pois才能:[]
　　},
　　,//返回按钮
　　,BackTap: function  (e), {//才能,console.log (this.data.lists [e.currentTarget.dataset.item])
　　app.globalData.addAddr才能=[]
　　app.globalData.addAddr.push才能(this.data.pois [e.currentTarget.dataset.item])
　　wx.navigateBack({才能
　　,,三角洲:1
　　})才能
　　},
　　,BackTap2: function  (e), {//才能,console.log (this.data.lists [e.currentTarget.dataset.item])
　　app.globalData.addAddr才能=[]
　　wx.navigateBack({才能
　　,,三角洲:1
　　})才能
　　},
　　,backTap3:函数(){
　　wx.navigateBack({才能
　　,,三角洲:1
　　})才能
　　},
　　,onLoad: function  (), {
　　时间=qqmapsdk 才能;new  QQMapWX ({
　　,,,关键:& # 39;IOJBZ-VOT3Q-2G55W-G5FJ2-7UIKH-6JBGU& # 39;
　　,,});
　　},
　　,昂秀:function  (), {
　　let 才能;vm =,;
　　vm.getUserLocation才能();
　　},
　　,getUserLocation: function  (), {
　　let 才能;vm =,;
　　wx.getSetting({才能
　　,才能成功:,(res),=祝辞,{
　　,,,console.log (JSON.stringify (res))
　　,,,//,res.authSetting [& # 39; scope.userLocation& # 39;],==, undefined ,表示,初始化进入该页面
　　,,,//,res.authSetting [& # 39; scope.userLocation& # 39;],==, false ,表示,非初始化进入该页面,且未授权
　　,,,//,res.authSetting [& # 39; scope.userLocation& # 39;],==, true ,表示,地理位置授权
　　,,,if  (res.authSetting [& # 39; scope.userLocation& # 39;], !=, undefined ,,, res.authSetting [& # 39; scope.userLocation& # 39;], !=,真的),{
　　,,,,wx.showModal ({
　　,,,,,标题:,& # 39;请求授权当前位置& # 39;,
　　,,,,,内容:,& # 39;需要获取您的地理位置,请确认授权& # 39;,
　　,,,,,成功:,function  (res), {
　　,,,,,,if  (res.cancel), {
　　,,,,,,,wx.showToast ({
　　,,,,,,,,标题:,& # 39;拒绝授权& # 39;,
　　,,,,,,,,图标:,& # 39;没有# 39;
　　,,,,,,,,时间:1000年
　　,,,,,,,})
　　,,,,,,,vm.BackTap2 ()
　　,,,,,,},else  if  (res.confirm), {
　　,,,,,,,wx.openSetting ({
　　,,,,,,,,成功:,function  (dataAu), {
　　,,,,,,,,,if  (dataAu.authSetting [“scope.userLocation"],==,真的),{
　　,,,,,,,,,,wx.showToast ({
　　,,,,,,,,,,,标题:,& # 39;授权成功& # 39;,
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null
　　null小程序怎么获取当前位置加搜索附近热门小区及商区