给你的页面加一个百度地图

2018-06-2813:33:56给你的页面加一个百度地图已关闭评论 338 views

今天一个朋友问我怎么在页面插一张地图,是的,想必大家都见过。下面我就简单介绍一下,也算是备份一下代码,要用的时候可以直接复制来复制。效果图如下:

给你的页面加一个百度地图

第一步、进入百度地图网站获取代码
给一个链接:http://api.map.baidu.com/lbsapi/creatmap/

可以看到这样,有三个选项,大家可以打开看看,最后点获取代码

给你的页面加一个百度地图

第二步、新建一个文件,取名为baidumap.html
将你刚才获取的代码粘贴进去,并保存保存。然后将baidumap.html放到网站根目录,像这样

给你的页面加一个百度地图

第三步、在文章或者页面中加以下代码
<iframe src="/baidumap.html" width="90%" height="400" frameborder="0"></iframe>
大家可以自行调节宽度或者加居中,记得一定时用在文本情况下输入,像这样。如果无法加载地图,可能时路径不支持,那你就把src值改成“http://域名/baidumap.html”

给你的页面加一个百度地图

至此,我们就配置成功了