// pages/map.js
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmapsdk = new QQMapWX({
  key: 'QLPBZ-QODCX-7KB46-TQERC-T36BT-IIBJO' // 必填
});
Page({

  /**
   * 页面的初始数据
   */
  data: {
    inputVal:'',
    latitude: 31.22786,
    longitude: 121.46658,
    suggestion:[],
    district:{}
  },
  // 选择位置
  handlePos(val){
    console.log(val,'asdas');
    var _this = this;
    //调用关键词提示接口
    qqmapsdk.getSuggestion({
      //获取输入框值并设置keyword参数
      keyword: val.detail.value, //用户输入的关键词，可设置固定值,如keyword:'KFC'
      //region:'北京', //设置城市名，限制关键词所示的地域范围，非必填参数
      success: function(res) {//搜索成功后的回调
        console.log(res);
        var sug = [];
        for (var i = 0; i < res.data.length; i++) {
          sug.push({ // 获取返回结果，放到sug数组中
            title: res.data[i].title,
            id: res.data[i].id,
            addr: res.data[i].address,
            city: res.data[i].city,
            district: res.data[i].district,
            latitude: res.data[i].location.lat,
            longitude: res.data[i].location.lng
          });
        }
        _this.setData({ //设置suggestion属性，将关键词搜索结果以列表形式展示
          suggestion: sug
        });
      },
      fail: function(error) {
        console.error(error);
      },
      complete: function(res) {
        console.log(res);
      }
    });
  },
  // 跳转列表
  handleRouter(){
      wx.navigateTo({
        url:'/pages/list/list'
      })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var that = this
    wx.getLocation({
      type: 'wgs84',
      altitude: false,
      success: (result) => {
        that.getOnlineDistrict(result.latitude, result.longitude)
        var obj = {
          latitude:result.latitude,longitude:result.longitude
        }
        this.setData({
          district:obj
        })
        console.log(this.district,obj,'district');
      },
    });
    
  },
  getOnlineDistrict(latitude, longitude) {
    var that = this;
    //通过这个方法来实现经纬度反推省市区
    qqmapsdk.reverseGeocoder({
      location: {
        latitude: latitude,
        longitude: longitude  
      },
      success: function (res) {
        that.setData({
          // district:res.result.address_component.city
        })
        console.log(res,'asda');
      }
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})