小程序map获取中心位置

小程序map获取中心位置

1. 在data中声明

latitude: 35.14194,						//纬度	
longitude: 114.20515,					//经度
markers: [],							//标记点

2. 在pages中声明拖拽函数事件

// 刷新地图中心位置
  refreshMap() {
    let mapCtx = wx.createMapContext("map");
    mapCtx.getCenterLocation({
      success: (res) => {
        // console.log("------刷新地图中心位置---------",res);
        let longitude = res.longitude.toFixed(6);
        let latitude = res.latitude.toFixed(6);
        this.setData({
          longitude: longitude,
          latitude: latitude,
          "markers[0].latitude": latitude,
          "markers[0].longitude": longitude,
        });
      }
    });
  },

3. 在map标签上设置bindregionchange 事件

<map id="map" longitude="{{longitude}}" latitude="{{latitude}}" markers="{{markers}}" bindregionchange = 'chonge'></map>

4. 在pages中设置改变时事件触发

// 拖拽放大刷新中心位置
  chonge(ev) {
    var that = this
    // console.log(ev.type)
    if (ev.type == "end") {
      this.refreshMap();
    } else {
      this.setData({
        "markers[0].callout.content": "拖动中..."
      });
    }
  },