亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 課堂 > 小程序 > 正文

小程序獲取當前位置加搜索附近熱門小區及商區的方法

2020-03-21 16:00:13
字體:
來源:轉載
供稿:網友

本文詳細的介紹了小程序獲取當前位置搜索附近熱門小區及商區的方法,分享給大家

兩種方法:一種是騰訊地圖獲取,另一種是百度地圖獲取

我用的是騰訊地圖獲取步驟如下

小程序,當前位置,搜索,熱門小區

1、話不多說,直接上干貨

實現上圖效果,主要技術是獲取微信小程序地理位置,得到經緯度,使用微信小程序JavaScript SDK逆地址解析和地點搜索實現

2、微信小程序JavaScript SDK

申請開發者密鑰(key):https://lbs.qq.com/qqmap_wx_jssdk/method-reverseGeocoder.html手機號注冊即可使用。

下載微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0 下載完成后放入utils文件夾下引用即可

安全域名設置,在“設置” -> “開發設置”中設置request合法域名,添加https://apis.map.qq.com

小程序,當前位置,搜索,熱門小區

3.詳細代碼

<view >   <!-- 搜索框 --> <view class='search'>  <view class='search_box'>   <image src='../../../images/search.png' class='search_image'></image>   <input type='text' confirm-type="search" class='search_input' placeholder='搜索地點' placeholder-class='input_placeholder' bindinput="bindInputSchool" ></input>  </view> </view> <view class='btn1' bindtap='BackTap2'>  不顯示位置 </view> <view class='btn2' wx:for="{{pois}}" wx:key="" bindtap='BackTap' data-item='{{index}}'>   <view >{{item.title}}</view>   <view class='hint'>{{item.address}}</view> </view></view>
//獲取應用實例const app = getApp();var timer = false;var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');var qqmapsdk;Page({ data: {  statusBarHeight: getApp().globalData.statusBarHeight,  page: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({   delta: 1  }) }, BackTap2: function (e) {  // console.log(this.data.lists[e.currentTarget.dataset.item])  app.globalData.addAddr=[]  wx.navigateBack({   delta: 1  }) }, backTap3:function(){  wx.navigateBack({   delta: 1  }) }, onLoad: function () {  qqmapsdk = new QQMapWX({   key: 'IOJBZ-VOT3Q-2G55W-G5FJ2-7UIKH-6JBGU'  }); }, onShow: function () {  let vm = this;  vm.getUserLocation(); }, getUserLocation: function () {  let vm = this;  wx.getSetting({   success: (res) => {    console.log(JSON.stringify(res))    // res.authSetting['scope.userLocation'] == undefined  表示 初始化進入該頁面    // res.authSetting['scope.userLocation'] == false  表示 非初始化進入該頁面,且未授權    // res.authSetting['scope.userLocation'] == true  表示 地理位置授權    if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {     wx.showModal({      title: '請求授權當前位置',      content: '需要獲取您的地理位置,請確認授權',      success: function (res) {       if (res.cancel) {        wx.showToast({         title: '拒絕授權',         icon: 'none',         duration: 1000        })        vm.BackTap2()       } else if (res.confirm) {        wx.openSetting({         success: function (dataAu) {          if (dataAu.authSetting["scope.userLocation"] == true) {           wx.showToast({            title: '授權成功',            icon: 'success',            duration: 1000           })           //再次授權,調用wx.getLocation的API           vm.getLocation();          } else {           wx.showToast({            title: '授權失敗',            icon: 'none',            duration: 1000           })           vm.BackTap2()          }         }        })       }      }     })    } else if (res.authSetting['scope.userLocation'] == undefined) {     //調用wx.getLocation的API     vm.getLocation();    }    else {     //調用wx.getLocation的API     vm.getLocation();    }   }  }) }, // 微信獲得經緯度 getLocation: function () {  let vm = this;  wx.getLocation({   type: 'wgs84',   success: function (res) {    console.log(JSON.stringify(res),'獲得經緯度')    var latitude = res.latitude    var longitude = res.longitude    vm.setData({     latitude: latitude,     longitude: longitude    })    vm.getLocal(latitude, longitude)   },   fail: function (res) {     vm.BackTap2()   }  }) }, // 獲取當前地理位置 getLocal: function (latitude, longitude) {  let vm = this;  wx.showLoading({   title: '加載中',  })  qqmapsdk.reverseGeocoder({   location: {    latitude: latitude,    longitude: longitude,   },   coord_type:1,   get_poi: 1,   poi_options: 'page_size=20;page_index='+vm.data.page,   success: function (res) {    console.log(res,'地理位置');    wx.hideLoading()    let pois = res.result.pois    vm.setData({     pois: vm.data.pois.concat(pois),    })   },   fail: function (res) {    console.log(res);   },   complete: function (res) {    // console.log(res);   }  }); }, //根據坐標查詢位置 bindInputSchool(e) {  var val = e.detail.value;  let vm = this  clearTimeout(timer);  timer = setTimeout(function () {   if(val.length>0){    qqmapsdk.search({     keyword: val , //搜索關鍵詞     location: {      latitude: vm.data.latitude,      longitude: vm.data.longitude,     },      page_size:20,     success: function (res) {      console.log(res, '搜索位置');      let pois = res.data      vm.setData({       pois: pois,      })     },    });   }else{    vm.setData({     pois:[],    })    vm.getLocal(vm.data.latitude, vm.data.longitude)   }  }, 500); }, onReachBottom:function(){  let vm = this;  vm.setData({   page:vm.data.page+1  })  vm.getLocal(vm.data.latitude, vm.data.longitude) },})

這樣就一步一步實現了微信地理位置選擇

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲国产精品悠悠久久琪琪| 2021久久精品国产99国产精品| 欧美一级高清免费| 57pao国产精品一区| 欧美性生交大片免费| 国产精品久久久久久一区二区| 国产亚洲成精品久久| 久久精品最新地址| 国产一区视频在线| 欧美电影免费观看大全| 国产91精品青草社区| 国产99视频在线观看| 中文精品99久久国产香蕉| 国产小视频91| 亚洲丝袜在线视频| 国产自产女人91一区在线观看| 国产美女久久精品香蕉69| 久久精品视频99| 免费av一区二区| 日韩中文字在线| 成人黄色中文字幕| 国产精品美女免费| 欧美中文字幕在线| 日韩中文在线中文网三级| 成人在线小视频| 亚洲精品福利免费在线观看| 自拍亚洲一区欧美另类| 亲爱的老师9免费观看全集电视剧| 国产精品影片在线观看| 91精品国产高清| 亚洲欧洲午夜一线一品| 精品香蕉一区二区三区| 不卡av在线播放| 97成人精品区在线播放| 精品久久久久久久久久久久| 伦理中文字幕亚洲| 国产成人亚洲综合91精品| 日本精品久久久久影院| 91精品国产高清久久久久久| 亚洲精品天天看| 日韩av中文字幕在线播放| 亚洲精品一区中文字幕乱码| 视频一区视频二区国产精品| 一区二区三区在线播放欧美| 欧美成人性色生活仑片| 亚洲免费视频一区二区| 97在线视频免费观看| 91精品在线播放| 亚洲高清免费观看高清完整版| 欧美电影在线观看高清| 亚洲美女av在线| 国产精品丝袜久久久久久不卡| 亚洲欧美日韩国产中文专区| 国产成人精品最新| 91国产美女在线观看| 成人xxxx视频| 久久久久久久久爱| 欧美丰满老妇厨房牲生活| 中文字幕日韩有码| 97视频在线观看视频免费视频| 亚洲a成v人在线观看| 久久香蕉国产线看观看网| 国产精品爽黄69天堂a| 久久91亚洲精品中文字幕奶水| 国产丝袜一区视频在线观看| 国产精品欧美激情在线播放| 91久久国产精品| 2019中文字幕在线观看| 欧美精品一区二区三区国产精品| www.久久色.com| 亚洲精品电影在线观看| 成人黄色在线观看| 日韩av网址在线| 欧美日韩另类视频| 日韩三级成人av网| 欧美精品在线视频观看| 日韩在线观看网站| 亚洲欧美一区二区三区四区| 中文字幕免费精品一区高清| 成人综合国产精品| 国产精品入口夜色视频大尺度| 欧美午夜精品久久久久久人妖| 中文字幕在线看视频国产欧美在线看完整| 欧美猛交免费看| 色偷偷88888欧美精品久久久| 日韩欧美在线视频日韩欧美在线视频| 亚洲a成v人在线观看| 国产精品视频免费观看www| 久久国产精品久久久久久| 亚洲第一区在线观看| 日韩av在线播放资源| 欧美乱大交xxxxx另类电影| 国产精品午夜国产小视频| 粉嫩老牛aⅴ一区二区三区| 色妞欧美日韩在线| 色婷婷综合久久久久中文字幕1| 九九热精品视频在线播放| 亚洲精品色婷婷福利天堂| 成人久久久久久久| 日韩av手机在线观看| 欧美精品18videos性欧美| 亚洲国产女人aaa毛片在线| 亚洲精品福利免费在线观看| 亚洲精品一区二区网址| 亚洲欧洲一区二区三区在线观看| 久久久久国产精品免费| 久久人人爽人人爽人人片亚洲| 国产成人久久久精品一区| 日韩av免费看| 中文字幕日韩欧美在线| 亚洲一区二区三区香蕉| 国产精品成人aaaaa网站| 精品国偷自产在线视频99| 在线播放日韩专区| 久久成人国产精品| 日韩av最新在线观看| 按摩亚洲人久久| 精品久久久久久久久久久久久| 欧美日韩国产成人在线观看| 欧美激情女人20p| 成人国产精品免费视频| 欧美大片在线看| 神马久久桃色视频| 久久成人亚洲精品| 欧美性极品少妇精品网站| 91精品久久久久久久久中文字幕| 国产一区欧美二区三区| 黄网动漫久久久| 欧美一区在线直播| 一本色道久久88精品综合| 日韩福利视频在线观看| 中文字幕日韩免费视频| 亚洲性生活视频| 精品国产福利在线| 91视频免费在线| 91九色蝌蚪国产| 亚洲午夜精品久久久久久性色| 在线看片第一页欧美| 久久久成人精品| 久久影视电视剧免费网站| 午夜精品一区二区三区视频免费看| 亚洲国产另类 国产精品国产免费| 日韩精品在线观看视频| 国产91热爆ts人妖在线| 国产999在线| 美女视频久久黄| 久久在精品线影院精品国产| 精品久久久久久久久久ntr影视| 日韩av在线免费看| 日韩一二三在线视频播| 欧美黄色片视频| 亚洲一级黄色片| 色偷偷888欧美精品久久久| 亚洲欧洲免费视频| 亚洲自拍高清视频网站| 国产精品久久久av| 国产97在线视频| 国内精品久久久久影院优| 久久久久久久爱| 亚洲成色777777在线观看影院| 亚洲视频国产视频| 欧美另类第一页| 伊人久久久久久久久久久久久| 2019av中文字幕|