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]);
相关推荐
阿諪諪34 分钟前
Vue知识点(5)-- 动画
前端·vue.js·nginx
工会代表39 分钟前
macOS 内外网共存方案:配置双网卡实现网络分流
前端·网络协议·macos
蘑菇头爱平底锅39 分钟前
数字孪生-DTS-孪创城市-项目初始化
前端·数据可视化
陈随易41 分钟前
Bun v1.2.9发布了,内置了Redis操作
前端·后端·程序员
Gazer_S42 分钟前
【lodash的omit函数详解 - 从入门到精通】
javascript·状态模式
DarkLONGLOVE43 分钟前
解锁 JavaScript 技能:全面掌握自定义属性的奥秘
前端·javascript
Aphasia3111 小时前
CSS 居中方法大全📖
前端·css·面试
顾洋洋1 小时前
WASM与OPFS组合技系列一(文件导入)
前端·javascript·webassembly
面向大佬编程1 小时前
vue实现导出excel多层表头
前端
不会笑的卡哇伊1 小时前
上传没你想得那么难?切片?断点续传?秒传?🎯
前端