一、坑源
今天做一个附近的美食店的案例
需要用到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,坑呗