debug复盘记错

最新推荐文章于 2022-03-04 16:25:54 发布

VIP文章齐物

最新推荐文章于 2022-03-04 16:25:54 发布

阅读量295

点赞数

分类专栏： javascript 易错易忘文章标签：调试地图

本文链接：https://blog.csdn.net/sinat_34991877/article/details/78889553

版权

项目中的google-map中的map.fitbounds(bounds)很诡异：使用后地图的center符合预期，而zoom该变的时候却没变。我进行了艰辛的debug，步骤如下：

比对能正常工作的demo
把相关代码从上述demo考到当前文件中试验，结果工作正常 => fitbounds没有打错字或者参数错误。
一步步注释掉所有和fitbounds无关的代码，进一步缩小范围。
最后锁定到这句google.maps.event.clearInstanceListeners(window.map);，也就是说，当你清除了map上的所有事件，fitbounds就不再正常工作了，what the hell?
前后花了相当多的时间和精力，回头看看，如果凭感觉找，谁能猜到是这句呢？看来应该规范化debug流程，总结一些套路，这对于提高效率大有裨益。
之后又出了个问题，收起ul的icon会导致地图右边出现空白，fitbounds解决不了，看了陈亮大佬的代码找到了解决方法：google.maps.event.trigger(map, "resize");

关注