113:vue+openlayers 动态添加layer到layerGroup,并动态删除( 示例代码 )
本示例的目的是介绍如何在vue+openlayers项目中动态添加layer到layerGroup,并动态删除。
直接复制下面的 vue+openlayers示例源代码,操作2分钟即可运行实现效果
文章目录
-
-
- 示例效果
- 心得感受
- 配置方式
- 示例源代码(共154行)
- 专栏目标
- 相关API参考
-
示例效果
心得感受
LayerGroup资料在网上很少,可以动态添加删除layer到LayerGroup中的非常非常少。这里演示的效果可能是独一份。花了近一天的时间来研究和编写demo。 主要的设计到添加layer后如何实时的刷新,如何添加layer,如何删除layer,涉及到了数组的相关知识。具体的请参考源代码。
配置方式
1)查看基础设置:https://xiaozhuanlan.com/topic/1378924560
或者同样查看:https://blog.csdn.net/cuclife/article/details/