织梦dedecms网站中如何添加百度地图,最近小魏在做网站的过程中遇到需要添加网站地图的模块,于是小魏将如何在织梦dedecms中添加百度地图写一篇教程,希望对于新手引用网站地图有所帮助。对于添加网站地图来讲多种方法,有的直接发布文章,写地址,有的直接插入图片,今天这个是直接引用动态地图,好了我们看具体操作吧。
1.百度搜索百度在线地图生成。
打开网址http://api.map.baidu.com/lbsapi/creatmap/index.html,输入城市以及地址,查询到所需要的地图
2.打开百度地图进行标注,在这里小魏做个案例,标注为小魏谈seo博客了
3.复制百度地图代码,将这段代码粘贴在织梦的后台的文档中。
4.将不需要的代码注释掉或者删除掉。删除代码或者注释掉以下红色框标注的代码,保存即可在前台看到网站地图的效果了!
修改代码
把width:697px改成width:100%
100%表示全屏显示,在手机端就会自适应手机屏幕显示地图
4-2删除掉不需要的代码
5.查看地图是否生效,我们发现标注的小图标不显示。
6.百度地图图标不显示,需要更改对应的路径即可解决。
http://map.baidu.com/image/us_mk_icon.png
7.百度地图小图标不显示问题解决。
其他方法:
把上一步生成的代码保存为html文件,在浏览器 打开就可以看到自己定义的百度地图了。
注:如果要把地图添加到现有的网页中,可以使用iframe标签,如:
<iframe src=”map.html” width=”600″ height=”300″ frameborder=”0″ scrolling=”no”></iframe>
可能还会遇到的问题:
很多人在将自动生成的代码插入网页后,标注图标就不显示。解决方法很简单,只需要改变代码中标注图标的图片路径 就可以了。
var icon = new BMap.Icon(“http://map.baidu.com/image/us_mk_icon.png”,)