1.2.3 百度地图API调用基础

1.2.3 百度地图API调用基础

百度地图API使用流程,如图1.1所示。

图1.1 百度地图API使用流程

1.ak申请

JavaScript API只支持浏览器类型的ak(自2016年1月15日升级)。请开发者在申请ak时注意选择,如图1.2所示。

图1.2 申请ak

2.移动平台上的地图应用开发

JavaScript API支持iPhone、Android这样的移动平台。用户通过手机浏览器就可以访问由地图API创建出来的应用。移动平台的屏幕尺寸通常比PC或笔记本要小,操作方式也有所不同。为了更好地在手机浏览器上展示地图,我们有如下建议:

将地图容器高设置为100%,使其充满整个屏幕,或者您也可以计算浏览器窗口的大小并进行设置,如图1.3所示。

图1.3 全屏地图示例

添加下面的meta标签:<meta name="viewport" content="initial-scale=1.0,user-scalable=no" /> 这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。

3.异步加载

JavaScript API支持异步加载,您可以在引用脚本的时候添加callback参数,当脚本加载完成后callback函数会被立刻调用。请参考下面的使用示例:

4.兼容性

浏览器:IE 6.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome

操作系统:Windows、Mac、Linux

移动平台:iPhone、Android