2013-04-10 03:02:48 +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(' > ');
|
|
|
|
|
$this->headScript()->appendFile('http://maps.google.cn/maps?file=api&v=2&key='.$this->config->google->maps->api);
|
|
|
|
|
?>
|
|
|
|
|
<div>
|
|
|
|
|
<?= $this->partial('data/tools.phtml'); ?>
|
|
|
|
|
</div>
|
|
|
|
|
<?php if (!empty($this->metadata)) :
|
|
|
|
|
echo $this->page->getNavigation();?>
|
|
|
|
|
<hr />
|
|
|
|
|
|
|
|
|
|
<?php
|
|
|
|
|
foreach($this->metadata as $md) : ?>
|
|
|
|
|
<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; ?>
|
|
|
|
|
<?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">
|
|
|
|
|
<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" />
|
|
|
|
|
</li></ul></fieldset>
|
|
|
|
|
<fieldset><legend>空间范围</legend><ul>
|
|
|
|
|
<li><span>东:</span>
|
|
|
|
|
|
|
|
|
|
<input name="e" id="e" type="text" /></li>
|
|
|
|
|
<li><span>南:</span>
|
|
|
|
|
<input name="s" id="s" type="text" /></li>
|
|
|
|
|
<li><span>西:</span>
|
|
|
|
|
<input name="w" id="w" type="text" /></li>
|
|
|
|
|
<li><span>北:</span>
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2009-11-27 14:20:19 +00:00
|
|
|
|
<?php endif; ?>
|