<div class="h1-title">JavaScript API GL</div><div id="update-time">更新时间：2020年08月07日&nbsp;</div><div class="bluetitle"><div class="services-title-text">产品简介</div></div><div class="serve-explain-text">百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。

百度地图JavaScript API支持HTTP和HTTPS，免费对外开放，可直接使用。接口使用无次数限制。在使用前，您需先[http://lbsyun.baidu.com/apiconsole/key?application=key 申请密钥（ak）]才可使用。在您使用百度地图JavaScript API之前，请先阅读[http://lbsyun.baidu.com/index.php?title=open/law 百度地图API使用条款]。任何非营利性应用请直接使用，商业应用请参考[http://lbsyun.baidu.com/index.php?title=open/question 使用须知]。

 

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

</div><div class="bluetitle"><div class="services-title-text">核心功能指引</div></div>

<div id="update-time">入门指南</div>

<ul style="display: flex;"><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 账号和获取秘钥]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/usage 使用须知]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/helloworld Hello World]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/coorinfo 坐标转换说明]</li>

<li style="margin-right: 15px;">[https://lbsyun.baidu.com/solutions/reactBmapDoc React-BMapGL指南]</li></ul>

<div id="update-time" style="margin-top: 6px;">创建地图</div>

<ul style="display: flex;"><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/show 展示地图]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/maptype 变更地图类型]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/widget 添加控件]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/custom 个性化地图]</li></ul>

<div id="update-time" style="margin-top: 6px;">覆盖物</div>

<ul style="display: flex;"><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/addOverlay 绘制点、线、面]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=Marker3d 带高度的点]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=loukongPolygon 镂空面绘制]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=Prism 3D棱柱绘制]</li>

<li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/groundOverlay 地面叠加层]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/label 文本标注]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/infoWindow 信息窗口]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/trafficLayer 交通流量图层]</li></ul>

<div id="update-time" style="margin-top: 6px;">事件处理</div>

<ul style="display: flex;"><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/event 地图事件]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/contextMenu 右键菜单]</li></ul>

<div id="update-time" style="margin-top: 6px;">动态效果</div>

<ul style="display: flex;"><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/viewAnimation 自定义视角动画]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/trackAnimation 轨迹动画]</li></ul>

<div id="update-time" style="margin-top: 6px;">LBS服务</div>

<ul style="display: flex;"><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/geocoding 正/逆地址解析]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/routeplan 出行路线规划]</li><li style="margin-right: 15px;">[https://lbs.baidu.com/index.php?title=jspopularGL/guide/geoloaction 定位]</li></ul>

<div class="bluetitle"><div class="services-title-text">核心功能体验</div></div>