259:vue+openlayers: 显示海量多边形数据,10ms加载完成

在这里插入图片描述

第259个

点击查看专栏目录


本示例的目的是介绍演示如何在vue+openlayers项目中通过WebGLVectorLayerRenderer方式加载海量多边形数据。这里相当于将海量的数据放在同一个层的source中,然后通过webglTile的方式渲染出这一层。 本示例数据为5000个多边形,加载速度超级快。

直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他来练习

文章目录

      • 示例效果
      • 配置方式
      • 示例源代码(128行)
      • 相关API参考:
      • 专栏目标

你可能感兴趣的:(#,openlayers海量多边形,openlayers海量数据,openlayers进阶教程,openlayers入门教程)