AI 地图
产品服务
解决方案
文档与支持
定价
更新时间: 2026/07/27 10:37
您当前查看的是 JSAPI 3.0 历史版本文档。该版本仅用于维护现有项目,不建议用于新项目开发。新项目请使用 JSAPI 4.0,如需升级现有项目,请参考升级指南
You are viewing the legacy JSAPI 3.0 documentation. This version is maintained for existing projects only and is not recommended for new development. For new projects, use the JSAPI 4.0 documentation. If you are upgrading an existing project, please refer to the Migration Guide.
简介

百度地图JavaScript开源库,是一套基于百度地图API二次开发的开源的代码库。目前提供多个lib库,帮助开发者快速实现在地图上添加Marker、自定义信息窗口、标注相关开发、区域限制设置、几何运算、实时交通、检索与公交驾车查询、鼠标绘制工具等功能。

开源库说明

百度地图JavaScript开源库秉着与大家一起学习交流的态度,全部开源。您可以参考开发文档,直接调用现有的开源库,实现您的需求;
或者下载每个类的源文件,自行修改再使用。源文件里具有详尽的注释,可以帮助您更好的理解。
如果您对百度地图JavaScript开源库的意见和建议,请发送邮件与我们联系~~

开源库示例

大数据可视化库

Mapv是一组基于百度地图的大数据可视化库,可以用来展示大量的点、线、面数据,每种数据也有不同的展示类型 如直接打点、热力图、网格、聚合等方式展示数据。

示例:Mapv示例

wiki:查看Wiki


热力图

提供热力图可视化展现功能,注: 支持chrome, safari, IE9及以上的浏览器. 核心的代码主要来自于第三方heatmap.js, 主入口类是HeatmapOverlay。

示例:热力图示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


绘制弧线类

提供绘制弧线功能的开源代码库,且用户可通过编辑功能(如开启拖拽起终点、线的宽度与颜色)绘制所需的弧线样式。

示例:绘制弧线示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


鼠标绘制工具条库

提供鼠标绘制点、线、面、多边形(矩形、圆)的编辑工具条的开源代码库。且用户可使用JavaScript API对应覆盖物(点、线、面等)类接口对其进行属性(如颜色、线宽等)设置、编辑(如开启线顶点编辑等)等功能。

示例:鼠标绘制覆盖物示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


检索信息窗口类

提供“百度地图样式”的信息窗口,且窗口内容可自由定制多种风格。

示例:检索信息窗口示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


地图包裹类

MapWrapper类提供了将Google或GPS坐标形式的Marker添加到百度地图上的功能。用户可以直接通过该类提供的addOverlay方法,添加Google或GPS坐标形式的Marker到百度地图上,不再需要先将Google或GPS坐标转化为百度坐标,然后再添加的操作。

示例:地图包裹示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


事件包装器

百度地图API事件包装器类,对外开放。 对百度地图提供的事件机制,进行了包装,更好的提供事件绑定、删除体验。

示例:事件包装器示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


自定义信息窗口

百度地图的infoBox。类似于infoWindow,比infoWindow更有灵活性,比如可以定制border,关闭按钮样式等。

示例:在顶部打开infoBox在底部打开infoBox 

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


标注管理器

百度地图的标注管理器。多marker的管理,更高效、解析更快。

示例:MarkerManager示例

资源引用:查看源文件 查看压缩文件

类参考:查看类参考


富标注

百度地图的富Marker类,对外开放。 允许用户在自定义丰富的Marker展现,并添加点击、双击、拖拽等事件。

示例:普通富Marker使用示例高级富Marker绚丽样式示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考


测距工具

百度地图的测距工具类,对外开放。 允许用户在地图上点击完成距离的测量。 使用者可以自定义测距线段的相关样式,例如线宽、颜色、测距结果所用的单位制等等。 主入口类是DistanceTool。

示例:测距示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考


聚合marker

MarkerClusterer标记聚合器用来解决加载大量点要素到地图上产生覆盖现象的问题,并提高性能。 主入口类是MarkerClusterer。

示例:marker聚合示例

资源引用:查看源文件1查看源文件2查看压缩文件1查看压缩文件2

类参考:查看类参考


添加标注工具

百度地图的添加标注工具类,对外开放。 允许用户在地图上点击后添加一个点标注,允许用户设定标注的图标样式。 主入口类是MarkerTool。

示例:普通可连续添加标注示例自定义样式和属性的标注示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考


自定义覆盖物

此类表示地图上的一个覆盖物,该覆盖物由文字和图标组成,从Overlay继承。 主入口类是TextIconOverlay。

示例:查看自定义覆盖物示例修改自定义覆盖物样式示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考


拉框搜索

拉框缩放类,实现拉框缩放效果的入口。 主入口类是SearchInRectangle。

示例:1.普通拉框搜索2.拉框搜索完成后,显示panel面板  3.拉框搜索、自定义搜索完成后样式

资源引用:查看源文件查看压缩文件

类参考:查看类参考


区域限制

百度地图浏览区域限制类,对外开放。 允许开发者输入限定浏览的地图区域的Bounds值, 则地图浏览者只能在限定区域内浏览地图。

示例:区域限制示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考


几何运算

GeoUtils类提供若干几何算法,用来帮助用户判断点与矩形、 圆形、多边形线、多边形面的关系,并提供计算折线长度和多边形的面积的公式。 主入口类是GeoUtils。

示例:几何计算示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考


交通流量

百度地图的交通流量控件,对外开放。 控制当前,未来交通流量图层在地图上的显示,隐藏 等。 主入口类是TrafficControl。

示例:交通流量图层

资源引用:查看源文件查看压缩文件

类参考:查看类参考


检索控件

SearchControl类,此类提供城市列表选择、本地检索、公交驾车查询功能。 主入口类是SearchControl。

示例:检索与公交驾车查询示例

资源引用:查看源文件查看压缩文件

类参考:查看类参考

上一篇

个性化地图编辑器
本篇文章对您是否有帮助?