145：vue+leaflet 加载海量数据点（二百万级别）

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，优快云知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 145个示例

一、示例效果图

二、示例简介

本示例演示如何在vue+leaflet中加载海量数据点。这里随机生成200万个数据点，渲染到地图上。这里做了几个尝试，1000万的点添加后，网页崩溃，500万个也是如此。200万个加载速度大约1秒，能正常运行起来。

L.glify.points 提供了许多可配置参数，常见的如下：

参数名	类型	说明
map	L.Map	必需，传入的 Leaflet 地图实例。
data	Array 或 GeoJSON	数据点，可以是二维数组（[lat, lng]）或 GeoJSON 格式的数据。
size	Number	点的大小（单