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

重点内容现在百度地图的功能越来越牛了,很小的地方也能帮你快速找到,对我们的生活越来越方便了,所以很多企业及个人都想在自己的网站中加入百度地图代码,但是一时间不知道如何在网站中加入百度地图。具体的操作方法:
这里写图片描述

第一步:

进入百度创建地图的网站 http://api.map.baidu.com/lbsapi/creatmap/ ,打开后如图:
这里写图片描述

第二步:

看到图中第一步的下面有1,2,3三个小步骤,打开1.定位中心点→切换里面的城市按钮,选择你要展示的城市位置→在输入框中输入具体的地址,点击查找,就能在右边地图上显示你要显示的位置地图
这里写图片描述

第三步:

打开2.设置地图,在里面可以设置地图的宽高,决定哪些按钮是要还是不要,按钮的位置都是可以设置的
这里写图片描述

第四步:

打开3.添加标注→第一个图标“点标记”,可以设置具体的位置点,以点标记的形式显示在地图中,可以更换点标记的样式,也可以设置你要显示的名称和备注;第二个图标“线标记”,可以画出线条路线等;第三个图标“文字标记”,可以写些文字;

这里写图片描述

至此,一个简单的百度地图位置就设置完了,接下来就是把地图插入到网页中;

第五步:

点击“获取代码”,就会出现一个弹框,里面的代码就是我们所要的,把代码复制到一个空的html文件中保存,命名为 “map.html” ;
这里写图片描述

第六步:

在要用地图的网页中,用一个 iframe 标签;
这里写图片描述
它的src路径就写 map.html ,这样在你的网页中就可以显示你自己设置的地图了,当然地图的宽高、在网页中显示的位置要自己写css。
这里写图片描述


ps:

这里我比较爱偷懒用了 iframe 标签,【 iframe 标签称之为“浏览器中的浏览器”】,但是 iframe 标签有缺点,所以可以选择地使用,另外这里可以不用 iframe 标签,只要把 map.html 中的代码选择的拷贝过来也是可以实现功能的。end………

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值