Discuz代码插入百度地图0.2

最近因为从wordpress更换到typecho导致大量URL变动,懒得一一更正了,如果有链接打开不对的话请直接站内搜索改内容。

    前段时间简单的弄了下利用discuz插入百度地图的方法,有一些朋友使用提出一个问题那就是同一个主题里只能插入一个地图,无法重复使用。

问题原因

    调用百度地图是通过DIV的id来确定在哪里显示的,之前的方法,是直接写出了一个固定的DIV 所以其他楼层插入地图的时候使用的都是同一个ID的DIV就会造成冲突,只有一个能够正常显示。

解决办法

     我本来的想法是通过DISCUZ中{RANDOM}来做一个唯一的动态标识,不过不知道是什么原因,我是用这个做为DIV的唯一标志的时候会导致服务器500错误。到底是什么原因造成的尚未知晓。

    所以我采取了另一种方式实现,用户自己输入一个DIV的ID虽然可能会重复,当也算是简单的解决了问题。

DISCUZ代码内容

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript">var divid="{2}";document.write("<div id=");document.write(divid);document.write(" style='height:300px; width:100%;'></div>");</script>
<script type="text/javascript">var map = new BMap.Map(divid,{mapType: BMAP_HYBRID_MAP});var point = new BMap.Point({1});map.centerAndZoom(point,17);map.enableScrollWheelZoom();</script>

如何设置discuz代码

    关于如何在discuz设置discuz代码的方法之前已经说过了请移步观看

http://c.n-di.com/2013/03/10/discuz添加百度地图.html

版权所有©艾克斯记事-转载文章请注明出处(带链接)

1人评论了“Discuz代码插入百度地图0.2”

  1. Pingback: Discuz添加百度地图 | 网家

发表评论

电子邮件地址不会被公开。 必填项已用*标注