织梦dedecms网站中如何添加百度地图

优质老薛主机推荐:15%终身付款折扣:xwseo15 25%首次付款折扣 : xwseo115 点击下图进入购买

织梦dedecms网站中如何添加百度地图,最近小魏在做网站的过程中遇到需要添加网站地图的模块,于是小魏将如何在织梦dedecms中添加百度地图写一篇教程,希望对于新手引用网站地图有所帮助。对于添加网站地图来讲多种方法,有的直接发布文章,写地址,有的直接插入图片,今天这个是直接引用动态地图,好了我们看具体操作吧。
1.百度搜索百度在线地图生成。
打开网址http://api.map.baidu.com/lbsapi/creatmap/index.html,输入城市以及地址,查询到所需要的地图

织梦dedecms网站中如何添加百度地图

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”,)

赞 (1)
分享到:更多 ()