vue+element如何使用高德地图不报map is undefined

前段时间本汪在制作高德地图时,在参照高德地图api时发现很多方法不能直接用,而官网并没有对此说明,度娘中也没有找到相关解决方法。

首先,我们来创建一个初始地图

//此id与创建地图的方法一致

接下来,我们来看创建组件的方法


我们看data中定义map对象


这里,我们在组件内创建了一个新的对象来存高德自身的map方法,因为是对象,实质上得到的只是一个索引,操作this.map

和操作高德map效果一致。

当报某个方法,如polygon方法找不到的时候,我们可以好好观察一下高德给我们的实例


这里的

在这里,给大家看一下我项目中用到的


希望对大家有帮助,因项目时间关系,我并没有去深究高德api中自带的 AMapUI 组件库,采取了一种用较为取巧的方式,希望对大家有帮助,如有更好的方法请多多指教 

你可能感兴趣的:(vue+element如何使用高德地图不报map is undefined)