最近在项目中大量使用地图功能,因此使用了高德地图组件,因为之前没使用过,因此也踩了一些坑,花了一些时间,特此记录下来。

首先,使用地图组件,一定要设置map绑定的div的样式,为其设置宽高,不然map不能正常加载

其次,新上手使用map的(比如我)尽量每个地图功能都创建一个map对象,不然很可能复用时加载异常

再次,map加载需要考虑vue的生命周期,有时候map初次加载不成功,再次进入时发现却成功了,往往就是初始化map的顺序出了问题这里注意如果能先获取坐标,就先获取坐标然后再初始化地图,如果有调取后台api,就在api回调then中初始化,或者正常情况下如果不能加载,就放在this.$nextTick()中使用

还有就是要注意this的指向问题,如果console打印某些属性或者方法不能使用,很可能就是this指向问题,可能指向了方法调用本身而不是vue,可以在初始时使用_this = this,然后使用_this. 解决或者直接使用箭头表达式

Logo

前往低代码交流专区

更多推荐