百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。javascript
该套API免费对外开放。自v1.5版本起,您需先申请密钥(ak)才可以使用,接口(除发送短信功能外)无使用次数限制。php
在您使用百度地图JavaScript API以前,请先阅读百度地图API使用条款。任何非营利性应用请直接使用,商业应用请参考使用须知。html
JavaScript API首家支持Https,如须要申请Https服务,请您认证企业信息,成为企业认证用户后,https将自动开通。java
注意:仅JavaScript API V2.0及以上版本支持https,其余JavaScript API版本均不支持。使用https服务,请先检查您的版本以及配置注意事项。api
-----------摘自《百度地图API介绍》浏览器
在网页中嵌入百度地图的步骤:安全
1.首先,打开浏览器,搜索“百度地图API”,如图,点击打开“百度地图API”官网。app
2.点击打开“百度地图API”后,进入这样的页面。jsp
3.点击打开上图中重点标注区域“API控制台”,而后跳转到登录界面,若是您有百度帐号,直接登录就能够,若是没有的话,须要注册一个,而后登录便可。ide
4.在“登录”成功后,会跳转到这个页面,右上角是咱们本身的登录名.咱们主要作的是,点击“建立应用”。
5.点击“建立应用”后,页面跳转成以下图的页面,红色标注的区域须要填写,完事点击提交。其中,应用名称本身给一个就行,其中IP白名单,下边有说明。这两项填写完事,点击“提交”按钮。
5.建立应用提交后,会显示在页面中,以下图所示。红色方框是咱们刚才建立的应用,而其中打星的地方是重点,“访问应用(AK)”,其中AK是“安全密匙”,使咱们成功应用百度地图API的 关键 ,生成的这个AK值咱们在后边会用到。这一点须要注意!
6.生成“安全密匙”以后,咱们点击菜单栏的“开发”下的“javascript API”,以下图 所示:
7.以后,跳转到以下界面,以下图所示:
8.点击“本地搜索”后,页面跳转至以下界面,以下图所示,其中红色的区域是咱们点击“本地搜索”这个功能以后,对应的代码,咱们直接将代码选中复制的咱们的html中。绿色的区域是百度地图API提供的各类功能需求,咱们能够根据本身的需求选择不一样的功能。
9.在将上图红色区域的代码复制到html文档中后,去过咱们当即在浏览器中运用,会显示这样的界面:
10.出现上图的缘由是安全密匙的问题,咱们来看一下运行前的代码,以下图所示,
11.红色区域是AK(安全密匙)的地方,如今咱们只须要将“您的密匙”替换为前边咱们建立应用生成的这个密匙,便可,复制粘贴。
12.而后代码会变成这样,以下图所示:
13.修改完事,咱们运行代码,就OK了。
14.咱们能够看到百度地图在咱们本身的文档中嵌入成功了。接下,在html中修改符合本身的"坐标"值等,完美实现本身的需求。