niuniu/lionfish_comshop/pages/position/cities.js

// lionfish_comshop/pages/position/cities.js
var app = getApp(),
  cities = [];
var QQMapWX = require("../../utils/qqmap-wx-jssdk.min.js")

Page({

  /**
   * 页面的初始数据
   */
  data: {
    cities: [],
    localCity: {}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var shopname = wx.getStorageSync('shopname');
    if (shopname) wx.setNavigationBarTitle({ title: shopname });
    // let city = wx.getStorageSync('city');
    // if (city && city.districtName){
    //   console.log(city)
    //   this.setData({ localCity: city })
    // } else {
    this.getMapKey();
    // }
    this.getData();
  },

  getMapKey: function(){
    var tx_map_key = wx.getStorageSync('tx_map_key');
    if (tx_map_key) {
      this.getCity();
    } else {
      new Promise(function (resolve, reject) {
        app.util.request({
          'url': 'entry/wxapp/index',
          'data': {
            controller: 'index.get_community_config'
          },
          dataType: 'json',
          success: function (res) {
            if (res.data.code == 0) {
              wx.setStorage({
                key: "shopname",
                data: res.data.shoname
              })
              if (res.data.shoname) {
                wx.setNavigationBarTitle({
                  title: res.data.shoname
                });
              }
              wx.setStorage({
                key: "tx_map_key",
                data: res.data.tx_map_key
              })
              wx.setStorage({
                key: "shop_index_share_title",
                data: res.data.shop_index_share_title
              })
              resolve(res);
            }
          }
        })
      })
        .then(that.getCity())
    }
  },

  /**
   * 获取定位城市
   */
  getCity: function(){
    var token = wx.getStorageSync('token');
    var tx_map_key = wx.getStorageSync('tx_map_key');
    var that = this;

    var demo = new QQMapWX({
      key: tx_map_key
    });

    wx.getLocation({
      type: 'gcj02', //编码方式，
      success: function (res) {
        var latitude = res.latitude;
        var longitude = res.longitude;

        that.setData({
          latitude: res.latitude,
          longitude: res.longitude
        })
        wx.setStorage({
          key: "latitude",
          data: res.latitude
        })
        wx.setStorage({
          key: "longitude",
          data: res.longitude
        })

        demo.reverseGeocoder({
          //腾讯地图api 逆解析方法 首先设计经纬度
          location: {
            latitude: res.latitude,
            longitude: res.longitude
          }, //逆解析成功回调函数
          success: function (res) {
            that.setData({
              localCity: {
                districtName: res.result.address_component.city
              }
            })
            wx.setStorage({
              key: 'city',
              data: that.data.localCity,
            })
          }
        })
      }
    })
  },

  /**
   * 获取数据
   */
  getData: function() {
    var that = this;
    wx.showLoading({
      title: "加载中...",
      mask: true
    });
    var city = app.globalData.city;
    if (cities.length) {
      this.setData({
        cities: cities,
        localCity: city
      }), wx.hideLoading()
    } else {
      // 请求数据
      var token = wx.getStorageSync('token');
      var community = wx.getStorageSync('community');
      app.util.request({
        'url': 'entry/wxapp/index',
        'data': {
          controller: 'community.get_city_list',
          token: token
        },
        dataType: 'json',
        success: function (res) {
          if(res.data.code == 0){
            var cityArr = [], keyArr = [];
            res.data.data && res.data.data.forEach(function (item) {
              var firstLetter = item.firstLetter,
                pos = keyArr.indexOf(firstLetter);
              if (pos < 0) {
                keyArr.push(firstLetter);
                cityArr.push({
                  key: firstLetter,
                  list: []
                });
                pos = keyArr.length - 1
              }
              cityArr[pos].list.push({
                name: item.districtName,
                key: firstLetter,
                city: item
              });
            });

            cityArr.sort(function (x, y) {
              if (x.key > y.key) return 1
              else if (x.key < y.key) return -1
              else return 0
            })
            cities = cityArr;
            that.setData({
              cities: cities
            });
          }
          wx.hideLoading();
        }
      })
    }
  },

  /**
   * 选择城市
   */
  chooseCity: function(e) {
    var currentPages = getCurrentPages(), a = 1;
    currentPages[currentPages.length - 2].route.indexOf("/position/search") > -1 && (a = 2);
    var city = e.currentTarget.dataset.city;
    app.globalData.changeCity = city.city_id || 0;
    wx.setStorage({
      key: "city",
      data: { districtName: city.districtName }
    })
    wx.setStorage({
      key: "city_id",
      data: city.city_id
    })
    wx.navigateBack({
      delta: a
    });
  }
})