雪幕拉开，飘然而至分外美妙，初起便显现出意境；雪落十分，然间有种喜悦在心间荡漾，纷飞飘扬尽享每一刻青春的激情；飞舞的雪花，感受芬芳的韵味，迷人心脾围绕在身旁；耳畔，时常想有沙沙的声音那样的动听，百听不厌，着迷在这一刻升起动人心怀的旋律。
自从上次发布了房产模型之后，最近几天不断收到会员短消息像我询问演示地址中的地图标注是如何弄的，今天正好有空，整理一下就发布出来。
言归正传，在租房模型中新建立三个字段，分别是lng、lat、zoom，lng是经度，lat是纬度，zoom是缩放等级。在建立字段的时候字段类型选择 “已经固化到发布表单中的字段”数据类型选择“整数类型”
三个字段建立完毕之后，找到前台会员发布信息页面的模板
在头部加上
|
以下为引用的内容：
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script> |
找到：
|
以下为引用的内容：
//自定义字段
PrintAutoFieldsAdd($cInfos['fieldset'],'autofield');
//游客强制加验证码，会员则判断后台开关
if(!$cfg_ml->IsLogin() || $cfg_vdcode_member=='Y')
{
?> |
在后面加上：
以下为引用的内容：
<tr>
<td align="right" valign="top">地图标注</td>
<td><script language="JavaScript">
<!--
//setMap是ezmarker内部定义的接口，这里可以根据实际需要实现该接口
function setMap(point,zoom)
{
document.getElementById("lng").value=point.getLongitude();
document.getElementById("lat").value=point.getLatitude();
document.getElementById("zoom").value=zoom;
}
var ezmarker = new LTEZMarker("pos");
ezmarker.setDefaultView("shanghai",5); //设置ezmarker地图的默认视图位置
ezmarker.setSearch(true,"上海"); //设置默认搜索城市
LTEvent.addListener(ezmarker,"mark",setMap);//"mark"是标注事件
-->
</script>(标注您的房源位置)</td>
</tr>
<tr>
<td align="right" valign="top">地图坐标</td>
<td>经度:<input name="lng" readonly type="text" id="lng" size="10" value="" /> 纬度:<input name="lat" readonly type="text" id="lat" size="10" value="" /> 缩放等级:<input readonly name="zoom" type="text" id="zoom" size="2" value="" /></td>
</tr>
|
|
在信息详细页面模板中适当的地方加入：
|
以下为引用的内容：
<div id="mapDiv" style="height:280px;width:250px;"></div> |
在最底部加入以下：
以下为引用的内容：
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript">
var place_x="{dede:field.lng /}";
var place_y="{dede:field.lat /}";
var zoom="{dede:field.zoom /}";
place_x=place_x==""?0:parseInt(place_x);
place_y=place_y==""?0:parseInt(place_y);
zoom=zoom==""?1:parseInt(zoom);
var map;
map=new LTMaps("mapDiv");
map.addControl(new LTStandMapControl(1));
map.centerAndZoom(new LTPoint(place_x,place_y),zoom);
var marker1 = new LTMarker( new LTPoint( place_x , place_y ) );
map.addOverLay( marker1 );
var point=new LTPoint(place_x,place_y+40);
var infoWin=new LTInfoWindow(point);
map.addOverLay( infoWin );
</script>
|
|
修改页面，后台发布页面，后台编辑页面请自行对照修改 本文Dedecms房产内容模型(含51地图标记)到此结束。如果你曾歌颂黎明，那麽也请你拥抱黑夜。小编再次感谢大家对我们的支持！
