107 lines
4.5 KiB
PHTML
107 lines
4.5 KiB
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(' > ');
|
||
$this->headScript()->appendFile('http://maps.google.cn/maps?file=api&v=2&key='.$this->config->google->maps->api);
|
||
?>
|
||
<div id='tools'>
|
||
<?= $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>
|
||
|
||
|
||
|
||
<?php endif; ?> |