浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

文档全面上新

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

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

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

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

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

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

示例:Mapv示例

wiki:查看Wiki

Bigdatavisualization.png

室内图

百度地图室内图JSAPI功能正式上线,辅助开发者实现全新的地理位置服务体验,室内地图JSAPI体验将和百度地图APP室内图体验保持一致。

百度地图室内图JavaScript API将同时为开发者提供PC端和移动端的室内图二次开发能力,支持在各种主流PC端和移动端浏览器(支持HTML5的浏览器)进行展现,包括Firefox, Chrome, Safari ,百度APP和微信等。

支持的建筑包含购物中心、机场、火车站、医院等,覆盖全国4000+个大型室内建筑。

示例:室内图示例

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

类参考:查看类参考

indoorMap-080719.jpg

热力图

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

示例:热力图示例

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

类参考:查看类参考

heatmap.png

城市商圈及行政区域

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

示例:城市商圈多边形获取示例

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

类参考:查看类参考

city.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

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

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

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消