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 组件库,采取了一种用较为取巧的方式,希望对大家有帮助,如有更好的方法请多多指教 

上一篇 下一篇

猜你喜欢

热点阅读