vue+element如何使用高德地图不报map is unde
2020-05-17 本文已影响0人
往前走莫回头_2cd6
前段时间本汪在制作高德地图时,在参照高德地图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 组件库,采取了一种用较为取巧的方式,希望对大家有帮助,如有更好的方法请多多指教