企业网站中有时候会用到地图提高用户体验,BEES企业后台管理系统中如何添加谷歌或百度地图?
现在以谷歌地图为例说明下使用。
1、生成google地图
到google地图网站http://ditu.google.cn/生成企业所在的城市。
输入要生成的城市,点击左边的分享链接生成代码,如图:

选择下面的“粘贴HTML”代码
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.cn/maps?f=q&source=s_q&hl=zh-CN&geocode=&q=%E6%9B%B2%E9%9D%96&aq=&sll=35.86166,104.195397&sspn=40.438129,79.013672&brcurrent=3,0x36c51fa1b530f8bf:0x745733b0097160e,0%3B5,0,0&ie=UTF8&hq=&hnear=%E4%BA%91%E5%8D%97%E7%9C%81%E6%9B%B2%E9%9D%96&t=m&z=10&ll=25.49001,103.796167&output=embed"></iframe><br /><small><a href="http://ditu.google.cn/maps?f=q&source=embed&hl=zh-CN&geocode=&q=%E6%9B%B2%E9%9D%96&aq=&sll=35.86166,104.195397&sspn=40.438129,79.013672&brcurrent=3,0x36c51fa1b530f8bf:0x745733b0097160e,0%3B5,0,0&ie=UTF8&hq=&hnear=%E4%BA%91%E5%8D%97%E7%9C%81%E6%9B%B2%E9%9D%96&t=m&z=10&ll=25.49001,103.796167" style="color:#0000FF;text-align:left">查看大图</a></small>
2、登入BEES企业后台系统粘贴代码。
这里添加到‘联系我们’单页中,如图:

添加好以后切换‘源码’到可视化编辑界面继续添加你要的内容
添加好保存,访问联系我们单页就可以看到地图,如图:

注意:开启了HTML生成,要重新生成下才能访问。
|