// 这是个模板，此处的js代码是无效的，在调用该模板的文件js中有以下代码
//并且这里有代码错误系统也会报错
var bmap = require('../../../utils/bmap-wx.min.js');
var wxMarkerData = [];
var searchData = {};
Page({
  data: {
    markers: [],
    latitude: '',
    longitude: '',
    placeData: {}
  },
  makertap: function (e) {
    var that = this;
    var id = e.markerId;
    that.showSearchInfo(wxMarkerData, id);
    that.changeMarkerColor(wxMarkerData, id);
  },
  onLoad: function () {
    // canvas
    const ctx = wx.createCanvasContext('myCanvas')
    ctx.setFillStyle('red')
    ctx.fillRect(0, 0, 10, 5)
    ctx.draw()

    // 位置信息
    var that = this;
    var BMap = new bmap.BMapWX({
      ak: 'zuwiVmIUj822mmW6psamM888QLz8Q5wF'
    });
    var fail = function (data) {
      console.log(data)
    };
    var success = function (data) {
      wxMarkerData = data.wxMarkerData;
      that.setData({
        markers: wxMarkerData
      });
      that.setData({
        latitude: wxMarkerData[0].latitude
      });
      that.setData({
        longitude: wxMarkerData[0].longitude
      });
    }
    BMap.search({
      "query": '大学学院',
      fail: fail,
      success: success,
      iconPath: '../../images/map/marker_red.png',
      iconTapPath: '../../images/map/marker_red.png'
    });

  },
  onReady: function () {
    var that = this;
    searchData = that.data;
    console.log(searchData);
  },
  showSearchInfo: function (data, i) {
    console.log(data)
    var that = this;
    that.setData({
      placeData: {
        title: '名称：' + data[i].title + '\n',
        address: '地址：' + data[i].address + '\n',
        telephone: '电话：' + data[i].telephone
      }
    });
  },
  changeMarkerColor: function (data, id) {
    var that = this;
    var markersTemp = [];
    for (var i = 0; i < data.length; i++) {
      if (i === id) {
        data[i].iconPath = "../../images/map/marker_yellow.png";
      } else {
        data[i].iconPath = "../../images/map/marker_red.png";
      }
      markersTemp[i] = data[i];
    }
    that.setData({
      markers: markersTemp
    });
  },


})