Dedecms房产内容模型(含51地图标记)
时间:2019-11-14 11:56:17 来源:未知 作者:站长技术网 点击:次
自从上次发布了房产模型之后,最近几天不断收到会员短消息像我询问演示地址中的地图标注是如何弄的,今天正好有空,整理一下就发布出来。 <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') { ?> 在后面加上: 以下为引用的内容: 01
< tr >
02
<td align= "right" valign= "top" >地图标注</td>
03
<td><script language= "JavaScript" >
04
05
<!--
06
07
//setMap是ezmarker内部定义的接口,这里可以根据实际需要实现该接口
08
09
function setMap(point,zoom)
10
11
{
12
13
document.getElementById( "lng" ).value=point.getLongitude();
14
15
document.getElementById( "lat" ).value=point.getLatitude();
16
17
document.getElementById( "zoom" ).value=zoom;
18
19
}
20
var ezmarker = new LTEZMarker( "pos" );
21
ezmarker.setDefaultView( "shanghai" ,5); //设置ezmarker地图的默认视图位置
22
ezmarker.setSearch( true , "上海" ); //设置默认搜索城市
23
LTEvent.addListener(ezmarker, "mark" ,setMap);// "mark" 是标注事件
24
25
-->
26
27
</script>(标注您的房源位置)</td>
28
</ tr >
29
< tr >
30
<td align= "right" valign= "top" >地图坐标</td>
31
<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>
32
</ tr >
在信息详细页面模板中适当的地方加入:以下为引用的内容: <div id="mapDiv" style="height:280px;width:250px;"></div> 在最底部加入以下: 以下为引用的内容: 01
<script language= "javascript" src= "http://api.51ditu.com/js/maps.js" ></script>
02
<script language= "javascript" >
03
var place_x= "{dede:field.lng /}" ;
04
var place_y= "{dede:field.lat /}" ;
05
var zoom= "{dede:field.zoom /}" ;
06
place_x=place_x== "" ?0:parseInt(place_x);
07
place_y=place_y== "" ?0:parseInt(place_y);
08
zoom=zoom== "" ?1:parseInt(zoom);
09
var map;
10
11
map=new LTMaps( "mapDiv" );
12
map.addControl(new LTStandMapControl(1));
13
map.centerAndZoom(new LTPoint(place_x,place_y),zoom);
14
15
var marker1 = new LTMarker( new LTPoint( place_x , place_y ) );
16
map.addOverLay( marker1 );
17
var point=new LTPoint(place_x,place_y+40);
18
var infoWin=new LTInfoWindow(point);
19
map.addOverLay( infoWin );
20
</script>
修改页面,后台发布页面,后台编辑页面请自行对照修改 |