微信小程式仿餓了麼位址定位 篩選與回傳的實現教程

2022-09-24 02:45:11 字數 1420 閱讀 6279

1.自動定位以及返回10個相近位置

核心**如下:

//引入類庫

var qqmapwx = require('../../utils/qqmap-wx-jssdk.min.js')

qqmapsdk = new qqmapwx({

key: 'bjfbz-zfthw-y2hro-rl2uz-m6ec3-gmf4u'

qqmapsdk.reversegeocoder({

get_poi: 1,

success: function (res) {

that.setdata({

currentaddress: res.result.formatted_addresses.recommend,

city: res.result.address_component.city,

result: res.result.pois

其中get_poi設定為1,可以返回得到當前定位周邊的10個相近位置

2.關鍵字搜尋

核心**:

var keyword = e.detail.value;

qqmapsdk.getsuggestion({

keyword: keyword,

region: that.data.city,

success: function (res) {

that.setdata({

result: res.data

其中region引數,傳入之前reversegeocoder獲取得到的城市資訊,以過濾非本城市以外的其他搜尋結果。

回傳資料到首頁

這裡用到了第三方庫wxnotification

核心方法如下:

//引入類庫

var wxnotificationcenter = require("../../utils/wxnotificationcenter.js");

初始化註冊通知

wxnotificationcenter.addnotification("getaddressnotification",that.getaddress,that)

監聽通知,通過成員方法getaddress**得到期望的引數值address

wxnotificationcenter.addnotification("addressselectednotification",that.getaddress,that)

傳送通知,帶上address引數值

wxnotificationcenter.postnotificationname("addressselectednotification", address);

實現getaddress方法

getaddress: function (address) {

that.setdata({

address: address

微信小程式仿微信語音

先看一下效果 觸控開始 touchstart function e this.recordermanager.start 觸控結束 touchend function e this.recordermanager.stop console.log 按了 shijian 秒 console.log w...

微信小程式 仿果庫列表

目錄 布局的實現 邏輯的實現 樣式的實現 效果圖 下面將會按照以下的順序介紹 布局的實現邏輯的實現樣式的實現 class home view1 class home view2 class home image1 src image view class home text1 小巧可愛的案頭雅物小巧...

微信小程式 高仿vivo商城

說明 如果你想學vue.js可以來看看我用vue.js寫的乙個 專案 位址在這裡 謝謝大家了 預覽 生命週期函式 監聽頁面載入 onload function options about function 加入購物車 var json require data home data.js page g...