JavaScript 开源库

注:JavaScript 开源库不支持极速版JavaScript API。

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

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

如果您对百度地图JavaScript开源库的意见和建议,请发送邮件。

此外,欢迎广大的开发爱好者,基于百度地图API,提供你们制作的JavaScript library库。我们也会放在这里供其他爱好者学习、交流。

 

大数据可视化库

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

示例: Mapv示例
Wiki: 查看Wiki

热力图

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

示例: 热力图示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

城市商圈及行政区域

城市行政区域和商圈数据获取工具类,使用者可以通过调用该接口智能获取城市行政区域和商圈多边形及相关坐标点数据。 主入口类是CityList, 基于Baidu Map API 1.5。

示例: 城市商圈多边形获取示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

绘制弧线类

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

示例: 鼠标绘制覆盖物示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

鼠标绘制工具条库

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

示例: 鼠标绘制覆盖物示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

检索信息窗口类

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

示例: 检索信息窗口示例
资源引用: 查看源文件:1.4 1.5   查看压缩文件:1.4 1.5
类参考: 查看类参考:1.4 1.5

地图包裹类

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

示例: 添加Marker示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

事件包装器

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

示例: 添加Marker示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

自定义信息窗口

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

示例: 在顶部打开infoBox   在底部打开inofBox
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

标注管理器

百度地图的标注管理器。多marker的管理,更高效、解析更快。 基于Baidu Map API 1.2 +。

示例: MarkerManger示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

富标注

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

示例: 普通富Marker使用示例   高级富Marker绚丽样式示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

路书

百度地图的路书。实现marker沿路线运动,并有暂停等功能。 基于Baidu Map API 1.2 +。

示例: 普通路书使用示例   自定义marker样式示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

测距工具

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

示例: 测距示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

聚合marker

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

示例: marker聚合示例
资源引用: 查看源文件1 查看源文件2   查看压缩文件1 查看压缩文件2
类参考: 查看类参考

添加标注工具

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

示例: 普通可连续添加标注示例   自定义样式和属性的标注示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

自定义覆盖物

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

示例: 查看自定义覆盖物示例   修改自定义覆盖物样式示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

拉框放大工具

百度地图的拉框缩放类,对外开放。 允许用户在地图上执行拉框放大或者缩小操作, 使用者可以自定义缩放时的动画、遮盖层的样式等效果。 主入口类是RectangleZoom, 基于Baidu Map API 1.2。

示例: 拉框缩放示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

拉框搜索

拉框缩放类,实现拉框缩放效果的入口。 主入口类是SearchInRectangle, 基于Baidu Map API 1.2。

示例: 普通的拉框搜索   拉框搜索完成后,显示panel面板   拉框搜索完成后,自定义搜索完成后的样式
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

区域限制

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

示例: 区域限制示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

几何运算

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

示例: 几何计算示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考

交通流量

百度地图的交通流量控件,对外开放。 控制当前,未来交通流量图层在地图上的显示,隐藏 等。 主入口类是TrafficControl, PC端基于Baidu Map API 1.2。移动端基于Baidu Map API 1.4,提供高清底图。

示例: 交通流量图层:1.2 1.4
资源引用: 查看源文件:1.2 1.4   查看压缩文件:1.2 1.4
类参考: 查看类参考

检索控件

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

示例: 检索与公交驾车查询示例
资源引用: 查看源文件   查看压缩文件
类参考: 查看类参考