[转载]房产信息类网站DEDE与51地图结合的办法!

我所举例不需要修改任何原文件! 在原5.5基础上直接设置即可!
目标:以地图方式显示房产所处位置和信息,并以地图坐标方式控制显示信息!

设置办法:
1建立房产模型
2并建立自定义字段 “h_x”和”h_y” 这两个字段为 坐标传递数值使用!
3但是由于表单页是生成字段为了美观和操作性对两个坐标字段进行设置,经过多次试验在字段修改页“模型字段配置(文本模式) 中”对
<field:h_y itemname=”y” autofield=”1″ notsend=”0″ type=”int” isnull=”true” islist=”0″ default=”” maxlength=”250″ page=””>
</field:h_y>
<field:h_x itemname=”x” autofield=”1″ notsend=”0″ type=”int” isnull=”true” islist=”0″ default=”” maxlength=”250″ page=””>
</field:h_x>

修改成

<field:h_y itemname=”y” autofield=”1″ notsend=”0″ type=”int” isnull=”true” islist=”0″ default=”” maxlength=”250″ page=””>
<table width=”100%” border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”35%” bgcolor=”#FFFFFF”></font>将您的房屋在地图中标示出来以便浏览。<br>
请完成标注后再进行下面信息的填写。 </td>
<td width=”17%” bgcolor=”#FFFFFF”><div id=”info”><span style=”cursor:pointer;” onClick=”window.open(‘/images/zuobiao.html’,’aa’,’height=500, width=700, top=200, left=100, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no’);”><img src=”/images/bz.gif” width=”147″ height=”38″></span></div></td>
<td width=”48%” bgcolor=”#FFFFFF”> <input name=”h_x” type=”text” class=”yinshang” value=”” size=”1″><span class=”4a” style=”cursor:pointer;” onClick=”window.open(‘/images/zuobiao.html’,’aa’,’height=500, width=700, top=200, left=100, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no’);”><img src=”/images/bzyes1.gif”></span></tr>
</table>
</field:h_y>
<field:h_x itemname=”x” autofield=”1″ notsend=”0″ type=”int” isnull=”true” islist=”0″ default=”” maxlength=”250″ page=””>
<table width=”100%” border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”35%” bgcolor=”#FFFFFF”> </td>
<td width=”17%” bgcolor=”#FFFFFF”> </td>
<td width=”48%” bgcolor=”#FFFFFF”><input name=”h_y” type=”text” class=”yinshang” value=”” size=”1″></tr>
</table></field:h_x>

这样就可以传递坐标了!
期中使用的文件zuobiao.html 和两张图片我直接打包提供下载!
在zuobiao.html 中注意 字段的位置 对于聪明的人会明白期中的意义的!

4下面就是内容页了!
icon1.setImageUrl(“/images/1.png”);
icon1.setWidth(38);
icon1.setHeight(24);
icon后面的1是我手动填进去的 你可以将1替换成标签来 控制 出租还是出售或楼盘对应的 坐标图片!
内容页很重!
这一步修改好了以后对于首页繁多的地图信息控制就非常了解了~我也就不用举例说明首页怎么修改了!

由于是在本机做的而且没有美工所以没有浏览地址,等美化完成后打包放出!不过以上的例子和文件已经够用了!
如果想看地址实际我是以前修改的,NET版的CMS 将文件直接转嫁给了DEDE,在表单页痛疼了短时间 但是解决了!
看原地址 http://www.aiximi.cn 效果是完全一样,单DEDE多了可以控制信息数量和控制区域的设置因为DEDE更方便!

7_205714_66c4555feceecf9.gif

7_205714_82ac4d613cdf8c0.gif

7_205714_aa8c3835ff3fce0.gif

7_205714_d925ab0cc492037.gif

zb.rar (35.98 KB, 下载次数: 82)

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏