一.Javascript API

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。

注意:目前最新版本为JavaScript API V3.0

1.JavaScript API v3.0核心功能

​地图 JS API | 百度地图API SDK百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://lbsyun.baidu.com/index.php?title=jspopular3.0​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_开发语言_02

以叠加图层为例,使用说明如下:

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_开发语言_03 

2.Demo示例(地图基础,覆盖物,控件,事件,样式 )

​地图JS API示例 | 百度地图开放平台百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://lbs.baidu.com/jsdemo.htm​

Bs版实时调试工具,非常实用。

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_百度地图api_05

 

3.JavaScript API v3.0类参考

​百度地图JSAPI 3.0类参考百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_reference_3_0.html#a0b0​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_百度地图_07

二.JavaScript API GL

百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。

JavaScript API GL使用了WebGL对地图、覆盖物等进行渲染,支持3D视角展示地图。 GL版本接口基本向下兼容,迁移成本低。目前v1.0版本支持了基本的3D地图展示、基本地图控件和覆盖物。

1.JavaScript API GL 核心功能

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端_08

2.Demo示例

​open | 百度地图API SDK百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://lbsyun.baidu.com/index.php?title=open/jsdemo​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端_10 

3.百度地图JSAPI WebGL v1.0类参考

​百度地图JSAPI WebGL v1.0类参考 百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html#a0b1​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_开发语言_12

 

三.JavaScript API Lite

百度地图JavaScript API Lite 版是一套由JavaScript语言编写的应用程序接口。能够帮助您在移动端浏览器上构建地图应用。

和JavaScript API标准版相比,Lite版专门针对移动端H5页面的使用场景,代码体积小,性能更好。

1.JavaScript API Lite 核心功能

​jspopularLiteV1 | 百度地图API SDK百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://lbsyun.baidu.com/index.php?title=jspopularLiteV1​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_百度地图api_14

 

2.Demo示例

​open | 百度地图API SDK百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://lbsyun.baidu.com/index.php?title=open/jsdemoLite​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_开发语言_16

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_开发语言_17 

 3.JavaScript API Lite类参考

​百度地图 JSAPI Lite版 类参考百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/lite.html​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_javascript_19

 

账号和秘钥

百度地图浏览器版API免费对外开放,但是要使用百度地图API,还是需要申请秘钥。入口如下

​ JavaScript API - 账号和获取密钥 | 百度地图API SDK百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_前端https://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/getkey​

百度地图API使用指南 - Javascript API | JavaScript API GL | JavaScript API Lite_百度地图api_21

拿到你的ak之后,就可以开始百度地图之旅了~