Vue3 集成 vue-baidu-map-3x 遇到的问题
我的地图怎么显示不出来了?
本猿又遇到问题了,但经过三天三夜的不停排查还是把问题给解决了。
当前项目中需要通过地图选择详细地址,根据项目组的要求使用百度地图。
工欲善其事,必先利其器。得先找个好用的组件才行。经过多方对比选择了vue-baidu-map-3x。这个组件配合vue3使用真的是爽翻了,能最大程度的实现自己的需求。但是…
这里是但是
在使用vue-baidu-map-3x的过程中都很顺利,但经过一波需求变更后发现,地图出不来了。没错,是整个地图都加载不出来,只有一个地图的背景色。且在检查器中能看到baidu地图的元素。
会不会是ak过期了?
会不会是网络连接问题?
本猿在搜索引擎中使用各种关键词都没找到相似的问题。好像全世界只有我自己遇到了这个问题。
我承认,这不是vue-baidu-map-3x的坑,而是自己的马虎造成的。
问题原因
经过不断的试错发现了导致问题的原因,在使用vue-baidu-map-3x时,有这么一个属性 :center
, 这个属性是必传的,如果没传地图就显示不出来。
问题解决后还想着找组件作者反应一下这个问题,能不能给:center
属性加个缺省值,这样就算不传,地图也能加载出来。
在这里想给作者道个歉,因为我的马虎浪费大佬的时间。组件文档中清楚的写着这个问题,我还在这里给大佬添乱。
文档地址:vue-baidu-map-3x