您现在的位置是:网站首页>建站学院织梦CMS

Dedecms房产内容模型(含51地图标记)

2019-07-21来源: 织梦CMS 人已围观

简介 自从上次发布了房产模型之后,最近几天不断收到会员短消息像我询问演示地址中的地图标注是如何弄的,今天正好有空,整理一下就发布出来。   言归正传,在租房模型中新建立三个字段,

自从上次发布了房产模型之后,最近几天不断收到会员短消息像我询问演示地址中的地图标注是如何弄的,今天正好有空,整理一下就发布出来。O4V企业网站模板免费下载_网站建设_企业网站建设方案

  言归正传,在租房模型中新建立三个字段,分别是lng、lat、zoom,lng是经度,lat是纬度,zoom是缩放等级。在建立字段的时候字段类型选择 “已经固化到发布表单中的字段”  数据类型选择“整数类型”O4V企业网站模板免费下载_网站建设_企业网站建设方案
O4V企业网站模板免费下载_网站建设_企业网站建设方案
  三个字段建立完毕之后,找到前台会员发布信息页面的模板O4V企业网站模板免费下载_网站建设_企业网站建设方案
  在头部加上O4V企业网站模板免费下载_网站建设_企业网站建设方案
 O4V企业网站模板免费下载_网站建设_企业网站建设方案

以下为引用的内容:O4V企业网站模板免费下载_网站建设_企业网站建设方案
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>O4V企业网站模板免费下载_网站建设_企业网站建设方案
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
O4V企业网站模板免费下载_网站建设_企业网站建设方案
  找到:O4V企业网站模板免费下载_网站建设_企业网站建设方案
O4V企业网站模板免费下载_网站建设_企业网站建设方案
以下为引用的内容:O4V企业网站模板免费下载_网站建设_企业网站建设方案
      //自定义字段O4V企业网站模板免费下载_网站建设_企业网站建设方案
      PrintAutoFieldsAdd($cInfos['fieldset'],'autofield');O4V企业网站模板免费下载_网站建设_企业网站建设方案
      //游客强制加验证码,会员则判断后台开关O4V企业网站模板免费下载_网站建设_企业网站建设方案
      if(!$cfg_ml->IsLogin() || $cfg_vdcode_member=='Y')O4V企业网站模板免费下载_网站建设_企业网站建设方案
      {O4V企业网站模板免费下载_网站建设_企业网站建设方案
      ?>
O4V企业网站模板免费下载_网站建设_企业网站建设方案
  在后面加上:O4V企业网站模板免费下载_网站建设_企业网站建设方案
      
以下为引用的内容:O4V企业网站模板免费下载_网站建设_企业网站建设方案
<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>
O4V企业网站模板免费下载_网站建设_企业网站建设方案
  在信息详细页面模板中适当的地方加入:O4V企业网站模板免费下载_网站建设_企业网站建设方案
O4V企业网站模板免费下载_网站建设_企业网站建设方案
以下为引用的内容:O4V企业网站模板免费下载_网站建设_企业网站建设方案
<div id="mapDiv" style="height:280px;width:250px;"></div>
O4V企业网站模板免费下载_网站建设_企业网站建设方案
  在最底部加入以下:O4V企业网站模板免费下载_网站建设_企业网站建设方案
O4V企业网站模板免费下载_网站建设_企业网站建设方案
以下为引用的内容:O4V企业网站模板免费下载_网站建设_企业网站建设方案
<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>
O4V企业网站模板免费下载_网站建设_企业网站建设方案
O4V企业网站模板免费下载_网站建设_企业网站建设方案
  修改页面,后台发布页面,后台编辑页面请自行对照修改

很赞哦! ()

猜您喜欢

付费说明

    1、安装cms后台,费用是200,基础费用200包括后台调试以及部分页面模板修改.

    2、请加我个人微信 634626966,或者扫一扫微信二维码。备注“网站”

    3、系统安装只限定于帝国cms,并且支持php,虚拟主机,请选择linux系统

    4、【收费说明】制作企业网站,我是这么收费的!

文章评论

阿里云代金券 100 云产品通用

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取

站点信息

l