westdc-zf1/application/default/views/scripts/water/advancesearch.phtml

<?php
$this->headTitle($this->config->title->site);
$this->headTitle($this->config->title->data);

$this->headTitle('高级搜索');
if (!empty($this->codename)) $this->headTitle($this->codename);
$this->headTitle()->setSeparator(' - ');
$this->headLink()->appendStylesheet('/css/metadata.css');
$this->headLink()->appendStylesheet('/css/search.css');
$this->breadcrumb('<a href="/">首页</a>');
$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
$this->breadcrumb('高级搜索');
$this->breadcrumb()->setSeparator(' > ');
?>
<div id='tools'>
<?= $this->partial('data/tools.phtml'); ?>
</div>
<?php if (!empty($this->metadata)) : ?>
<?php echo $this->page->getNavigation(); 
foreach($this->metadata as $md) : ?>
<hr />
<div class="mditem">
<div class="thumb"><img src="/service/thumb/id/<?php echo $md['id'];?>" /></div>    
    <h2><a href="/data/<?php echo $md['uuid'];?>"><?php echo $this->escape($md['title']);?></a>
            </h2>
    <span><?php echo mb_strlen($md['description'])>400?$this->escape(mb_substr($md['description'],0,400,'UTF-8').'...'):$this->escape($md['description']);?></span>
</div>
<?php endforeach; ?>
<hr />
<?php echo $this->page->getNavigation();?>
<?php else: ?>
<!--westdc.westgis.ac.cn-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAACD-MqkkoOm60o_dvwdcKVhRBSKpgcP88GYi6r2Of16IkMX_4YhSBQsywCi4J2_fh4nBuWmK7gyRjLg"></script>
<!--test.westgis.ac.cn
<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAACD-MqkkoOm60o_dvwdcKVhThiRESR0xRCe9JKd36EL3glTk0OxTsRzifkUWmTTrYWaE7dY1lYUlGxA'></script>
-->
<script src="/js/dragzoom.js" type="text/javascript"></script>
    <div id="map"></div>    
    <div id="spatial">
<form id="search" enctype="application/x-www-form-urlencoded" action="/data/advancesearch" method="post">
    <!--<fieldset><legend>时间范围</legend><ul>
    <li><span>开始时间：</span>
    <input name="start" type="text" id="start" />
    </li>
    <li><span>结束时间：</span>
    <input name="end" type="text" id="end" />&nbsp;
</li></ul></fieldset>-->
<fieldset><legend>空间范围</legend><ul>
    <li><span>东：</span>&nbsp;

        <input name="e" id="e" type="text" /></li>
     <li><span>南：</span>&nbsp;
            <input name="s" id="s" type="text" /></li>
    <li><span>西：</span>&nbsp;
        <input name="w" id="w" type="text" /></li>
    <li><span>北：</span>&nbsp;
        <input name="n" id="n" type="text" /></li></ul></fieldset>
<span>关键词：</span><input name="q" id="q" type="text" />
    <input id="search" type="submit" value="搜索" onclick="dosubmit()" />
</form>
</div>

        <script type="text/javascript"> 
      function dosubmit()
      {
        theForm.action="/data/advancesearch";
        }
    </script>
    <script type="text/javascript">
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(36, 103.5, 5));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setMapType(G_HYBRID_MAP);
        var txte=document.getElementById("e");
        var txtw=document.getElementById("w");
        var txtn=document.getElementById("n");
        var txts=document.getElementById("s");
        /* first set of options is for the visual overlay.*/
        var boxStyleOpts = {
          opacity: .2,
          border: "2px solid red"
        }

        /* second set of options is for everything else */
        var otherOpts = {
          buttonHTML: "<img src='/images/zoom-button.gif' />",
          buttonZoomingHTML: "<img src='/images/zoom-button-activated.gif' />",
          buttonStartingStyle: {width: '24px', height: '24px'}
        };

        /* third set of options specifies callbacks */
        var callbacks = {
          dragend: function(nw,ne,se,sw,nwpx,nepx,sepx,swpx){txte.value=ne.lng();txtn.value=ne.lat();txts.value=sw.lat();txtw.value=sw.lng();}
        };
  
        map.addControl(new DragZoomControl(boxStyleOpts, otherOpts, callbacks));        
    </script>    
    
<div id="help">
     <fieldset><legend>搜索说明</legend><ul><li>关键词：您可以使用一个关键词，比如＂沙漠＂，也可以使用多个关键词，中间用空格分开。</li>
     <li>空间范围：这是以度为单位的十进制数字。比如，东经125度30分，可以输入为125.5。您也可以通过下面的在线地图工具直接在图上拉框选择一个范围，空间坐标会自动转换到文本框中。</li>
<li>时间范围：指数据的时间范围，从开始时间到结束时间，若结束时间不填，则是一个时间点。时间格式为YYYY-MM-DD。</li>
     <li>还不清楚？您可以到<a href="http://forum.westgis.ac.cn/viewforum.php?f=30">论坛</a>提问。</li>
     </ul></fieldset>
</div> 
    


<?php endif; ?>