选择开通城市

var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
var qqmapsdk=new QQMapWX({
  key: apikey
});
var openarea = [];
//获取应用实例
const App = getApp()
Page({
  data: {
    latitude: "",
    longitude: "",
    index:0,
    region: '',
    multiArray:[]
  },
  onShow:function(){
    let _this = this;
  }, 
  onLoad: function () {
    let _this = this;
    let region = '';
    App._get('index/index', {}, function (result) {
      openarea = result.data.openarealist;
      _this.setData({
        multiArray: [result.data.openarealist.province, result.data.openarealist.city, result.data.openarealist.region],
        bannerlist: result.data.bannerList.data,
        cateList: result.data.cateList,
        jhsList_1: result.data.jhsList_1,
        jhsList_2: result.data.jhsList_2,
        noticeList: result.data.noticeList.data,
        newgoods: result.data.newgoods.data,
        salesrank: result.data.salesrank,
        salesrecom: result.data.salesrecom,
      });
      // 实例化API核心类
      wx.getLocation({
        type: 'gcj02',
        success: function (res) {
          qqmapsdk.reverseGeocoder({
            location: {
              latitude: res.latitude,
              longitude: res.longitude
            },
            success: function (resu) {
              for (let i = 0; i < openarea.region.length; i++) {
                if (openarea.region[i] == resu.result.ad_info.district) {
                  region = resu.result.ad_info.district;
                } else {
                  region = openarea.region[0];
                }
              }
              wx.setStorageSync('region', region);
              _this.setData({
                region: region
              })
            }
          })
        },
      });
    });
  },
  bindRegionChange: function (e) {
    let _this = this;
    let index = e.detail.value;
    wx.setStorageSync('region', openarea.region[index[2]]);
    this.setData({
      region: openarea.region[index[2]]
    })
  },
  searchGoods: function (e) {
    let keywords = e.detail.value;
    if (keywords.length == 0) {
      App.showError('请输入关键词');
      return false;
    }
    // 跳转到商品列表页
    wx.navigateTo({
      url: '../category/list?search=' + e.detail.value,
    })
  }
})

<picker mode="multiSelector" bindchange="bindRegionChange" hover-class="none" range="{multiArray}" value="{region}" custom-item="{customItem}">
    <view class="picker location">
      <image src='../../images/local.png' class='localimg'></image>
      <text>{region}</text>
      <view class='arrow'></view>
    </view>
  </picker>