最新公告
  • 欢迎您光临模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • Dedecms房产内容模型(含51地图标记)

    Dedecms房产内容模型(含51地图标记) 最后编辑:2020-11-22
    增值服务: 自动发货 使用说明 安装指导 环境配置二次开发BUG修复

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

      言归正传,在租房模型中新建立三个字段,分别是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>

      修改页面,后台发布页面,后台编辑页面请自行对照修改

    猜你在找

    模板网提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。敬请谅解!
    模板网 » Dedecms房产内容模型(含51地图标记)

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板网
    一个高级程序员模板开发平台
    • 2020-11-22Hi,初次和大家见面了,请多关照!

    售后服务:

    • 售后服务范围 1、商业模板使用范围内问题免费咨询
      2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限SVIP用户
      3、单价超过200元的模板免费一次安装,需提供服务器信息。
      付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
      2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
      3、服务器环境配置(一般 ¥50-300)
      4、网站中毒处理(需额外付费,500元/次/质保三个月)
      售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
      免责声明 本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 891512448@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

    Hi, 如果你对这款模板有疑问,可以跟我联系哦!

    联系作者
    • 15会员总数(位)
    • 18498资源总数(个)
    • 10357本周发布(个)
    • 4114 今日发布(个)
    • 244稳定运行(天)

    模板网MUBANNET.COM国内最专业模板分享平台

    开通vip 了解详情
    升级SVIP尊享更多特权立即升级