全部服务产品
开发者频道
定价
登录

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

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

百度地图JavaScript开源库秉着与大家一起学习交流的态度,全部开源。您可以参考开发文档,直接调用现有的开源库,实现您的需求;

或者下载每个类的源文件,自行修改再使用。源文件里具有详尽的注释,可以帮助您更好的理解。

如果您对百度地图JavaScript开源库的意见和建议,请发送邮件与我们联系~~
开源库示例
大数据可视化库

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

示例:Mapv示例

wiki:查看Wiki

Bigdatavisualization.png

热力图

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

示例:热力图示例

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

类参考:查看类参考

heatmap.png

绘制弧线类

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

示例:绘制弧线示例

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

类参考:查看类参考

js_fn13.jpg

鼠标绘制工具条库

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

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

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

类参考:查看类参考

mouseTool.png

检索信息窗口类

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

示例:检索信息窗口示例

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

类参考:查看类参考

searchinfowindow.jpg

地图包裹类

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

示例:地图包裹示例

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

类参考:查看类参考

wrapper.jpg

事件包装器

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

示例:时间包装器示例

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

类参考:查看类参考

EventWrapper.png

自定义信息窗口

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

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

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

类参考:查看类参考

InfoBox.png

标注管理器

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

示例:MarkerManger示例

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

类参考:查看类参考

MarkerManager.png

富标注

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

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

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

类参考:查看类参考

RichMarker.png

路书

百度地图的路书。实现marker沿路线运动,并有暂停等功能。

示例:普通路书使用示例   自定义marker样式示例

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

类参考:查看类参考

LuShu.png

测距工具

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

示例:测距示例

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

类参考:查看类参考

distance.png

聚合marker

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

示例:marker聚合示例

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

类参考:查看类参考

MarkerClusterer.png

添加标注工具

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

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

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

类参考:查看类参考

MarkerTool.png

自定义覆盖物

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

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

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

类参考:查看类参考

myMarker.png

拉框放大工具

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

示例:拉框缩放示例

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

类参考:查看类参考

zoom.png

拉框搜索

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

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

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

类参考:查看类参考

SearchInRectangle.png

区域限制

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

示例:区域限制示例

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

类参考:查看类参考

cage.png

几何运算

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

示例:几何计算示例

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

类参考:查看类参考

GeoUtils.png

交通流量

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

示例:交通流量图层

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

类参考:查看类参考

traffic.png

检索控件

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

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

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

类参考:查看类参考

SearchControl.jpg

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消