一套基于百度地图 JavaScript API 二次开发的开源组件库,提供覆盖物、地图交互、几何运算和时序可视化等常用能力,帮助开发者快速构建地图应用。
所有组件均提供源码、压缩版本和在线示例,既可以直接引用,也可以下载源码后按需修改。
| 分类 | 组件 |
|---|---|
| 可视化 | 热力图 · 轨迹动画 · 时间轴 · 卷帘对比 |
| 覆盖物 | 绘制弧线 · 自定义信息窗口 · 标注管理器 · 富标注 · 聚合 Marker · 自定义覆盖物 |
| 地图工具 | 路书 · 测距工具 · 添加标注 · 拉框放大 · 区域限制 · 几何运算 · 鼠标绘制 |
提供热力图可视化展现功能。支持 Chrome、Safari、IE 9 及以上浏览器,核心代码主要来自第三方 heatmap.js。
提供弧线绘制能力,并支持拖拽起终点、调整线宽和颜色等编辑操作。
提供点、线、面、多边形、矩形和圆等覆盖物的鼠标绘制与编辑工具。绘制完成后,可以继续使用百度地图 JavaScript API 的覆盖物接口设置样式或开启编辑功能。
类似于 InfoWindow 的自定义信息窗口,支持更灵活地定制边框、关闭按钮和窗口位置等样式。
用于管理大量 Marker,提升多标注场景下的加载效率和解析性能。
支持自定义 Marker 展现形式,并提供点击、双击、拖拽等事件。
实现 Marker 沿路线运动,并支持暂停等控制能力,也可以使用自定义图标。
允许用户在地图上点击完成距离测量,并支持自定义测距线样式、线宽、颜色和结果单位。
通过聚合大量点要素,减少覆盖现象并提升地图渲染性能。主入口类为 MarkerClusterer。
允许用户在地图上点击添加点标注,并支持自定义标注图标和连续添加。
由文字和图标组成的地图覆盖物,继承自 Overlay。
支持在地图上执行拉框放大或缩小操作,并可自定义缩放动画和遮盖层样式。
通过设置 Bounds 限定地图可浏览区域。
提供点与矩形、圆形、多边形线、多边形面关系判断,以及折线长度和多边形面积计算。
提供地图视角沿轨迹运动的动画展示效果。
提供时间轴控件,支持播放和暂停,方便结合地图展示时序数据。
叠加两张地图,通过拖拽中线实现左右卷帘对比。















