[JavaScript知识库]135：vue+openlayers添加海量点，使用WebGLPoints方法（示例代码）

本示例的目的是介绍演示如何在vue+openlayers项目中使用webGLPoints的方法来加载海量的数据点，本示例中点击显示20000个点，速度还是蛮快的。

点击查看本专栏内容目录列表 Openlayers示例教程100+目录

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

示例效果

配置方式

1）查看基础设置：https://xiaozhuanlan.com/topic/1378924560
或者同样查看：https://blog.csdn.net/cuclife/article/details/126195754
2）将上述的源代码，粘贴到src/views/Home.vue中，npm run serve 运行即可。

示例源代码（共122行）

/*
* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特

了解本专栏 订阅专栏 解锁全文