147：vue+leaflet 使用glify加载geojson数据，显示海量多边形组合

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

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

一、示例效果图

二、示例简介

本示例演示如何在vue+leaflet中使用glify加载geojson数据，显示多边形组合。L.glify.shapes 是 Leaflet.glify 插件中的一个模块，用于在 Leaflet 地图上高效渲染大量地理空间数据的可视化形状。

三、配置方式

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

3） 安装依赖

npm i leaflet.glify

4）数据地址：https://github.com/dajianshi/test-datas/tr