vue中使用高德地图报错

当前场景，需要在主页添加轮播图，并且轮播图中需要添加内容
轮播图中需要添加地图组件，在轮播图片上层，需要引入高德地图，展示地图信息，但是目前只要在高德地图组件外层元素身上添加定位元素后，则会导致报错，Invalid Object: LngLat(NaN, NaN)

原本是将地图组件加在这个位置

测试报错阶段，将地图组件放置于最外层

此时地图正常显示
当地图正常显示时，想通过标识位的形式不把地图放置于轮播图内部，通过定位强行定位地图位置，故给地图组件添加类为mapBox的div
但当给mapBox添加定位属性时，依然会报上述报错

求帮助

检查虾center和maker.position这个两个值 是不是空， 我还是推荐不用v-show吧 用v-if会好点