微信小程序周边配套的实现

一 需求分析：

以该小区为中心，实现周边配套的检索，切换不同种类的检索条件，刷新页面，并以气泡的方式显示出来，效果如下~

二 实现方式：

底部我是用的vant组件的tabbar来实现切换显示?
下载微信小程序JavaScriptSDK?
引入SDK，并且实例化API核心类

var QQMapWX = require('../../../libs/qqmap-wx-jssdk.js')
// 实例化API核心类
  key: app.globalDatamap_key // 必填
});
// 事件触发，调用接口
     _this this;
    qqmapsdksearch({
      location{
        longitudelng
      success(res){//搜索成功后的回调
        //在此将小区的位置坐标点加载出来
          latitude        })

          mks({// 获取返回结果，放到mks数组中
            idid            longitudelng            width24            height28              content              borderRadius 5              bgColor"#3072f6"              fontSize 12

          })
        _thissetData//设置markers属性，将搜索结果显示在地图中
})
        consolelog);
);
  到这里基本上就实现了周边配套的需求，现在你需要做的不过是，规整一下整体逻辑和交互，当点击图标会出现气泡框，具体气泡的显示方式参照微信小程序的map组件即可

作者：DevinZ?
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!