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

107 lines
4.5 KiB
PHTML
Raw Normal View History

2009-11-27 14:20:19 +00:00
<?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(' > ');
2011-10-25 13:42:18 +00:00
$this->headScript()->appendFile('http://maps.google.cn/maps?file=api&v=2&key='.$this->config->google->maps->api);
2009-11-27 14:20:19 +00:00
?>
<div id='tools'>
<?= $this->partial('data/tools.phtml'); ?>
</div>
2011-10-26 06:19:08 +00:00
<?php if (!empty($this->metadata)) :
echo $this->page->getNavigation();?>
2009-11-27 14:20:19 +00:00
<hr />
2011-10-26 06:19:08 +00:00
<?php
foreach($this->metadata as $md) : ?>
2009-11-27 14:20:19 +00:00
<div class="mditem">
2011-10-26 09:34:33 +00:00
<div class="thumb"><img src="/service/thumb/id/<?php echo $md['id'];?>" /></div>
2009-11-27 14:20:19 +00:00
<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; ?>
<?php echo $this->page->getNavigation();?>
<?php else: ?>
<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">
2011-10-26 06:19:08 +00:00
<fieldset><legend>时间范围</legend><ul>
2009-11-27 14:20:19 +00:00
<li><span>开始时间:</span>
<input name="start" type="text" id="start" />
</li>
<li><span>结束时间:</span>
<input name="end" type="text" id="end" />&nbsp;
2011-10-26 06:19:08 +00:00
</li></ul></fieldset>
2009-11-27 14:20:19 +00:00
<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">
2011-10-25 13:42:18 +00:00
<fieldset><legend>搜索说明</legend><ul><li>关键词:您可以使用一个关键词,比如“沙漠”,也可以使用多个关键词,中间用空格分开。</li>
<li>空间范围这是以度为单位的十进制数字。比如东经125度30分可以输入为125.5。您也可以通过下面的在线地图工具直接在图上拉框选择一个范围,空间坐标会自动转换到文本框中。</li>
2009-11-27 14:20:19 +00:00
<li>时间范围指数据的时间范围从开始时间到结束时间若结束时间不填则是一个时间点。时间格式为YYYY-MM-DD。</li>
<li>还不清楚?您可以到<a href="http://forum.westgis.ac.cn/viewforum.php?f=30">论坛</a>提问。</li>
</ul></fieldset>
</div>
<?php endif; ?>