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

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

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

<div id="setMap" :style="screenHeight">

</div>

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

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


我们看data中定义map对象


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

和操作高德map效果一致。

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


这里的 <script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.PolyEditor"></script>

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


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。