leaflet实现点位聚合

1、引入聚合插件及相应的样式文件

js插件:https://download.csdn.net/download/qq_48795482/90404737

样式文件1:https://download.csdn.net/download/qq_48795482/90404741

样式文件2:https://download.csdn.net/download/qq_48795482/90404743

html 复制代码
<script src="/mapLib/leaflet.markercluster.js"></script>
    <link rel="stylesheet" type="text/css" href="/mapLib/MarkerCluster.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="/mapLib/MarkerCluster.Default.css"
    />

2、调用插件函数得到聚合图层

javascript 复制代码
this.clusterLayer = L.markerClusterGroup();

3、将相应的marker或者geojson的点图层添加到聚合图层中,点位会自动实现聚合。

javascript 复制代码
that.clusterLayer.addLayer(that.geoJSONLayer[id]);
相关推荐
Mr Xu_3 分钟前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝6 分钟前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions15 分钟前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发15 分钟前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法
程序员猫哥_22 分钟前
HTML 生成网页工具推荐:从手写代码到 AI 自动生成网页的进化路径
前端·人工智能·html
龙飞0523 分钟前
Systemd -systemctl - journalctl 速查表:服务管理 + 日志排障
linux·运维·前端·chrome·systemctl·journalctl
我爱加班、、28 分钟前
Websocket能携带token过去后端吗
前端·后端·websocket
AAA阿giao28 分钟前
从零拆解一个 React + TypeScript 的 TodoList:模块化、数据流与工程实践
前端·react.js·ui·typescript·前端框架
杨超越luckly35 分钟前
HTML应用指南:利用GET请求获取中国500强企业名单,揭秘企业增长、分化与转型的新常态
前端·数据库·html·可视化·中国500强
hedley(●'◡'●)1 小时前
基于cesium和vue的大疆司空模仿程序
前端·javascript·vue.js·python·typescript·无人机