这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。"/>
首页 理论教育 快速上手百度地图API,简易教程

快速上手百度地图API,简易教程

时间:2023-11-21 理论教育 版权反馈
【摘要】:百度地图API使用流程,如图1.1所示。图1.1百度地图API使用流程1.ak申请JavaScript API只支持浏览器类型的ak。图1.2申请ak2.移动平台上的地图应用开发JavaScript API支持iPhone、Android这样的移动平台。用户通过手机浏览器就可以访问由地图API创建出来的应用。图1.3全屏地图示例添加下面的meta标签:这样做是为了让页面以正常比例进行显示并且禁止用户缩放页面的操作。

快速上手百度地图API,简易教程

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

图1.1 百度地图API使用流程

1.ak申请

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

图1.2 申请ak

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

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

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

(www.xing528.com)

图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

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈