第1行: | 第1行: | ||
{{jspopularV3-sidebar}} | {{jspopularV3-sidebar}} | ||
− | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span> | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span style="color: #FF0000;">使用须知</span></div></div></div><div class="serve-explain-text">JavaScript API v3.0 是在 v2.0 的基础上进行开发的,并针对2.0的一些接口进行了升级,为开发者提供更完善的服务。v3.0的绝大部分接口向下兼容,开发者仅需要修改版本参数 (v=3.0) 就可以切换到JavaScript API v3.0版本。具体版本差异请参考如下说明:</div> |
− | + | {| | |
− | + | |- | |
− | + | | '''功能''' | |
− | + | | '''接口''' | |
− | + | | '''v2.0''' | |
− | + | | '''v3.0''' | |
− | + | |- | |
− | + | | 公交换乘规划 | |
− | + | | TransitRoute | |
− | + | | 支持市内换乘 | |
− | + | | 支持跨城公交(飞机、火车、大巴) | |
− | + | |- | |
− | + | | 定位 | |
− | + | | Geolocation | |
− | + | | 支持 | |
− | + | | 定位策略优化 | |
− | + | |- | |
− | + | | colspan="1" | 自定义绘制层 | |
− | + | | colspan="1" | CanvasLayer | |
− | + | | colspan="1" | 不支持 | |
− | + | | colspan="1" | 支持,可以自定义贴合底图的canvas和WebGL覆盖物 | |
− | + | |- | |
− | + | | 驾车线路规划 | |
− | + | | DrivingRoute | |
− | + | | 支持 | |
− | + | | 暂不支持起终点为关键字、途径点 | |
− | + | |- | |
− | + | | 骑行线路规划 | |
− | + | | RidingRoute | |
− | + | | 不支持 | |
− | + | | 支持 | |
− | + | |} | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>移动平台上的地图应用开发</span></div></div></div><div class="serve-explain-text"> |
+ | JavaScript API支持iPhone、Android这样的移动平台。用户通过手机浏览器就可以访问由地图API创建出来的应用。移动平台的屏幕尺寸通常比PC或笔记本要小,操作方式也有所不同。为了更好的在手机浏览器上展示地图,我们有如下建议: | ||
− | + | {{bluepoint}}将地图容器高设置为100%,使其充满整个屏幕,或者您也可以计算浏览器窗口的大小并进行设置。 | |
− | + | {{bluepoint}}添加下面的meta标签: <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。 | |
− | </div><div class=" | + | |
− | </ | + | 您可以参考 [https://developer.apple.com Apple's Developer documentation] 和 [http://developer.android.com/index.html Android documentation] 获得更多信息。 |
+ | |||
+ | http://developer.baidu.com/map/static/img/js-apiv14-phone.jpg | ||
+ | |||
+ | 移动端开发具体实现请参考[[:jspopular/js-download|相关下载_示例代码]]提供的Demo源码。 | ||
+ | </div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>异步加载</span></div></div></div><div class="serve-explain-text">JavaScript API支持异步加载,您可以在引用脚本的时候添加callback参数,当脚本加载完成后callback函数会被立刻调用。请参考下面的使用示例:</div><pre class="prettyprint codestyle"><!DOCTYPE html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"/> | ||
+ | <title>异步加载</title> | ||
+ | <script type="text/javascript"> | ||
+ | function initialize() { | ||
+ | var mp = new BMap.Map('map'); | ||
+ | mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11); | ||
+ | } | ||
+ | |||
+ | function loadScript() { | ||
+ | var script = document.createElement("script"); | ||
+ | script.src = "https://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=initialize"; | ||
+ | document.body.appendChild(script); | ||
+ | } | ||
+ | |||
+ | window.onload = loadScript; | ||
+ | </script> | ||
+ | </head> | ||
+ | <body></body> | ||
+ | </html> | ||
− | |||
− | |||
</pre> | </pre> | ||
− | + | <div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>兼容性</span></div></div></div><div class="serve-explain-text"> | |
− | + | {{bluepoint}}浏览器:IE 6.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome | |
− | + | {{bluepoint}}操作系统:Windows、Mac、Linux | |
− | + | {{bluepoint}}移动平台:iPhone、Android | |
+ | </div><div class="bluetitle"><div class="serve-explain-text"><div class="service-page-anchor"><span>获取技术支持途径</span></div></div></div><div class="serve-explain-text"> | ||
+ | 如果您在使用百度地图API中遇到问题,请尝试通过以下途径解决: | ||
− | + | {{bluepoint}}确认您使用了正确的地图API地址。 | |
− | + | {{bluepoint}}访问百度地图[http://bbs.lbsyun.baidu.com/ API论坛],查找相关问题的帖子,或者将您的问题发布到贴吧中。 | |
− | + | ||
− | + | {{bluepoint}}查看[[:jspopular/qa|常见问题]]。 | |
− | + | </div> | |
− | + | ||
− | + | ||
− | } | + | |
− | </ | + |
2022年8月19日 (五) 13:48的最后版本
使用须知
JavaScript API v3.0 是在 v2.0 的基础上进行开发的,并针对2.0的一些接口进行了升级,为开发者提供更完善的服务。v3.0的绝大部分接口向下兼容,开发者仅需要修改版本参数 (v=3.0) 就可以切换到JavaScript API v3.0版本。具体版本差异请参考如下说明:
功能 | 接口 | v2.0 | v3.0 |
公交换乘规划 | TransitRoute | 支持市内换乘 | 支持跨城公交(飞机、火车、大巴) |
定位 | Geolocation | 支持 | 定位策略优化 |
自定义绘制层 | CanvasLayer | 不支持 | 支持,可以自定义贴合底图的canvas和WebGL覆盖物 |
驾车线路规划 | DrivingRoute | 支持 | 暂不支持起终点为关键字、途径点 |
骑行线路规划 | RidingRoute | 不支持 | 支持 |
移动平台上的地图应用开发
JavaScript API支持iPhone、Android这样的移动平台。用户通过手机浏览器就可以访问由地图API创建出来的应用。移动平台的屏幕尺寸通常比PC或笔记本要小,操作方式也有所不同。为了更好的在手机浏览器上展示地图,我们有如下建议:
将地图容器高设置为100%,使其充满整个屏幕,或者您也可以计算浏览器窗口的大小并进行设置。
添加下面的meta标签: <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。
您可以参考 Apple's Developer documentation 和 Android documentation 获得更多信息。
移动端开发具体实现请参考相关下载_示例代码提供的Demo源码。
异步加载
JavaScript API支持异步加载,您可以在引用脚本的时候添加callback参数,当脚本加载完成后callback函数会被立刻调用。请参考下面的使用示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>异步加载</title> <script type="text/javascript"> function initialize() { var mp = new BMap.Map('map'); mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11); } function loadScript() { var script = document.createElement("script"); script.src = "https://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=initialize"; document.body.appendChild(script); } window.onload = loadScript; </script> </head> <body></body> </html>
兼容性
浏览器:IE 6.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome
操作系统:Windows、Mac、Linux
移动平台:iPhone、Android
获取技术支持途径