范如乐:给你的网站任意网页添加百度地图操作教程



1、通过百度地图开放平台:http://api.map.baidu.com/lbsapi/createmap/index.html填写你在百度地图的位置信息,例图:

百度地图开放平台

2、点击【切换】你的位置所在的城市。

3、输入具体的地址,然后点击【查找】。

4、【设置地图】这里就是设置百度地图显示的相关细节,根据你的需要勾选即可。

5、【添加标注】这里就是在地图上面标注你的位置名称。

第一个是标注图标符号、名称、备注。

第二个是标注线条指向的路径。

第三个是填写文字名称。

以上都很简单,自己试试就知道了,下面的操作才是难的地方。

6、【获取代码】就是获得把百度地图放入你网站的代码。但是,前提是百度地图要求你先【申请密匙】。

7、申请密匙也很简单,点击【申请密匙】,登录你的百度帐号,如果没有,就注册一个百度帐号,过程中需要填写邮箱地址、手机号码,又或者需要你到邮箱地址激活,或者接收手机号码的验证码等,都要按照要求操作。

8、有了帐号,进去就是在【创建应用】里面获得百度地图的申请密匙,例图:

【创建应用】后获得百度地图的申请密匙

途中文字说明:

1:随便输入一个识别的名称,比如我的公司地址、我的书店地址…

2:选择【浏览器端】。

3:输入你的网站域名,比如xxxxx.com

4:点击【提交】,在【查看应用】中可以看到你的【申请密钥】,例图:

范如乐:给你的网站任意网页添加百度地图操作教程

到了这一步,我们就要回头讲,怎么把获得的【申请密钥】放到网站里面去了。

在你上面操作的第六步中,不是所有的代码都要用到的,你的网站中已经有的重复的代码,是不需要用的。

一般情况下,主要用到的是下面如乐讲到的三段代码,先把这段代码复制下来:

<!–引用百度地图API–>
<script type=”text/javascript” src=”http://api.map.baidu.com/api?v=2.0&ak=您的密匙”></script>

然后把这段代码中【您的密匙】换成你申请的那串字符,这段代码,放到你网站的头部文件中,就是<head>与</head>之间的地方。

接着,下面这段代码放到你要显示百度地图的网页中:

<!–百度地图容器–>
<div style=”width:700px;height:550px;border:#ccc solid 1px;font-size:12px” id=”map”></div>

其中width是修改百度地图显示的宽度,一般把宽带700px修改成100%,这样的好处是百度地图会根据你网页的宽度自动缩放。height是修改高度。

最后一段最长的代码,从 <script type=”text/javascript”>到</script>这一段,放到你网站的底部文件中。

这样,就可以给你的网站任意网页添加百度地图了,以后当你某个网页需要显示你在百度地图的位置,就把这段代码粘贴进去:

<!–百度地图容器–>
<div style=”width:700px;height:550px;border:#ccc solid 1px;font-size:12px” id=”map”></div>

而其它的代码,是不需要重复添加的。

本文欢迎转发,转载时请注明来源!首发:如乐建站之家
原文链接:http://www.rulejianzhan.com/wangzhanjianshe/4396.html



鼓励 知识小手