github地址

微信小程序城市選擇器組件 使用騰訊地圖SDK

效果圖

調(diào)用方式

1.替換city-select.js中的騰訊地圖KEY

yourpage.json

{
  "usingComponents": {
    "city-select": "/component/city-select/city-select"
  }
}

yourpage.wxml

<city-select show-select="{{citySelectOnShow}}"
             catch:selectCommit="citySelectData"
             ></city-select>

yourpage.js

Page({
    data: {
        citySelectOnShow: false
    },
    citySelectData(e) {
        console.log(e.detail);
    },
    open() {
        this.setData({
            citySelectOnShow: true
        })
    }
})