本文详述如何使用百度地图JavaScript API在网页上创建地图应用，包括申请密钥、插入API、创建地图及Marker，仅需8行代码即可实现。详细步骤和代码示例帮助你轻松实现地图功能。
目录：
- 页面预览
- 准备工作
- 代码实现
- 相关链接
本文我们使用百度提供的地图API，通过8行代码就可在自己的网页引入百度地图的应用。操作十分便捷，功能又十分强大。
1、页面预览
很多时候我们希望在自己的页面中嵌入一个地图应用，方便向他人直观地提供自己的位置信息。本文我们利用百度提供的api，在自己的网页中嵌入百度地图的应用。完成后界面预览如上图所示，当然我们这里只关注图中百度地图那一块。
2、准备工作
百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助我们在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。
该套API免费对外开放。自v1.5版本起，需先申请密钥（ak）才可使用，接口（除发送短信功能外）无使用次数限制。
申请秘钥的过程十分简单，如下列出大致过程，首先你要有一个百度账号，切记。
第一步：
点击上文中申请秘钥的链接，然后点击图中的申请秘钥执行下一步
第二步：
如果你还未成为百度开发者，你需要首先称为一名百度开发者，按照步骤完善信息即可。
第三步：
接下来点击创建应用。
第四步：
应用名称填上自己的应用名称就可以了，应用类型可以选择浏览器端，下面的Referer白名单参见下面的说明。我们这里作为学习使用，填写一个英文半角的*就OK了。接下来点击提交。
第五步：
OK，获得秘钥，就是访问应用(AK)下面的那一串序列号。可以先copy下来备用。
3、代码实现
插入百度地图的方法十分简单。
- (1)插入JavaScript API
- (2)插入地图块
- (3)插入JS代码创建地图应用
(1)插入JavaScript API
在页面<head></head>标签对中引入如下百度地图JS API:
<!-- baidu Map api -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=
最低0.47元/天 解锁文章
扫一扫
402
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
