• 懒鸟飞:帝国cms模板专业分享平台,新域名:lanniaofei.com

在网页中如何插入百度地图

在企业网站建设中,有时要在网页中联系我们中加入百度地图,标注出企业的地图上的位置。

关于如何在网页中加入百度地图,其实并没有想象中那么复杂,因为,这是一个开源的时代。下面简单介绍一下如何在网页中加入百度地图。为什么是简单介绍一下呢?因为是真的很简单……

一、打开地图生成器

这个地址不好找,建议大家添加到收藏夹,百度地图生成器http://api.map.baidu.com/lbsapi/creatmap/

 

二、创建地图

 

1.定位中心点,默认为北京,点击切换,输入公司的具体所在城市和具体地址。这个时候,地图会切换到该地点范围内。

 

2.设置地图,这一点基本上不用管,只用适当的设置下宽度和高度即可。

 

3.添加标注,其实网站建设者未必知道该企业的准确位置,往往不知道该标在哪。这时候,我们可以打开http://map.baidu.com/ ,查询到详细坐标,标注上去。这个标记图标是可以换的,根据自己喜欢来设置吧。记得标注完以后输入名称和备注。

 

三、获取代码

 

获取代码就很简单了,点击黄色的按键,直接复制代码。

 

四、加入网站

1、新建一个html网页,清空其中代码,之后把上面复制的地图代码直接粘帖到里面,这样这个网页就是一个地图网页,我们要把这个地图插入到别的网页中,需要做下一步。
          2、把地图网页的代码中除去下面代码



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; CHARSET=utf88" />
<meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" />
        <body></body>
        </html>
 

之后把剩下的代码,插入需要地图的网页中(注意是网页的html代码中,不是文章编辑器中)合适的地方,比如“联系我们”这个页面,这样地图插入就完成了。
 

 


 
QQ在线咨询
QQ客服
淘宝官网