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

110 lines
4.7 KiB
PHTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?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="/data/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; ?>