再踩微信小程序地图组件坑

一、坑源

今天做一个附近的美食店的案例
需要用到map控件
其中一个效果是

拖动地图查看周围的美食店

这里要用到的函数

注意看这里官方给最低支持库是2.3.0
我看了下我的调试基础库是2.8.0，好的够了

二、坑码

<map id="myMap" class="map"
   markers="{{markers}}"
   style="width:100%;height:100%;"
   longitude="{{longitude}}"  show-location="true"
   latitude="{{latitude}}" scale='16' bindregionchange="map_move">
</map>

//拖动的时候可以重新加载附近的美食点
  //更新中心点的经纬度
  map_move:function(e){
      console.log(e);
      if(e.type=='end'){
          this.reload(e.detail.centerLocation.longitude, e.detail.centerLocation.latitude)
      }
  },

编译调试
Cannot read property ‘longitude’ of undefined;at pages/mqtt/mqtt page map_move function
TypeError: Cannot read property ‘longitude’ of undefined

我的天哪，报错的大概意思是找不到坐标这个属性
那就看看输出来的数据

好家伙，centerLocation属性直接不给我了
。
。
。
多次百度
。
。
。
无果
。
。
不小心点了下手机调试
哦豁，手机的调试是有效果的
那么问题来了，手机调试成功，开发工具调试不成功
是怎么回事？

三、填坑

我的手机微信客户端是最新版本的，那么手机的小程序所用到的库肯定也是最高版本的

此时的我默默看向了我的2.8.0版本
果断改成2.14.0
编译
效果出现
[ohhhhhhhhhhhhhhhhhhhhhhhh]
至于为什么，DDDD，坑呗