list_contactus.html 2.7 KB
{layout name="common/layout" /}
<style type="text/css">
    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  <!-- 内容 -->
  <div class="content">
    <div class="content_left">
    {cms:arclist id="item" channel="65" condition=":id=55"  addon="true"}
      <div class="content_left_txt1">
        <p>公司地址</p>

        <p>{$item.address}</p>
      </div>
      <div class="content_left_txt2">
        <p>公司电话</p>
        <p>{$item.tel}</p>

      </div>
      {/cms:arclist}
    </div>
    <div class="content_right">
     <div style="width:675px;height:378px;border:#ccc solid 1px;" id="dituContent"></div>
    </div>
  </div>
  <link rel="stylesheet" type="text/css" href="__ADDON__/css/contact.css">
  <script type="text/javascript">
      //创建和初始化地图函数:
      function initMap(){
          createMap();//创建地图
          setMapEvent();//设置地图事件
          addMapControl();//向地图添加控件
      }

      //创建地图函数:
      function createMap(){
          var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
          var point = new BMap.Point(116.395645,39.929986);//定义一个中心点坐标
          map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中
          window.map = map;//将map变量存储在全局
      }

      //地图事件设置函数:
      function setMapEvent(){
          map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
          map.enableScrollWheelZoom();//启用地图滚轮放大缩小
          map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
          map.enableKeyboard();//启用键盘上下左右键移动地图
      }

      //地图控件添加函数:
      function addMapControl(){
          //向地图中添加缩放控件
    var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(ctrl_nav);
          //向地图中添加缩略图控件
    var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
    map.addControl(ctrl_ove);
          //向地图中添加比例尺控件
    var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
    map.addControl(ctrl_sca);
      }


      initMap();//创建和初始化地图
  </script>
  <!-- footer -->