71 lines
3.5 KiB
PHTML
71 lines
3.5 KiB
PHTML
<?php
|
|
$this->headTitle($this->config->title->site);
|
|
$this->headTitle('地图');
|
|
$this->headTitle()->setSeparator(' - ');
|
|
$auth = Zend_Auth::getInstance();
|
|
$this->headLink()->appendStylesheet('/static-sanjy-np/css/index.css');
|
|
$this->headLink()->appendStylesheet('/static-sanjy-np/css/map.css');
|
|
//$this->headLink()->appendStylesheet('/static-sanji-v2/css/number.css');
|
|
?>
|
|
<!--三江源地图-->
|
|
<div class="myMap">
|
|
<div class="row" id="mapContainer">
|
|
<div id="map" class="map"></div>
|
|
<!--左侧按钮区域-->
|
|
<div class="leftButton">
|
|
<div class="big" id="zoom-in"></div>
|
|
<div class="small" id="zoom-out"></div>
|
|
<div class="change" id="map-layers"></div>
|
|
</div>
|
|
<!-- 图层 -->
|
|
<div id="layers-selector">
|
|
<div>
|
|
<h4>县界</h4>
|
|
<ul>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundArea"><span>三江源</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundZhiduo"><span>治多县</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundMaduo"><span>玛多县</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundZaduo"><span>杂多县</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundQumalai"><span>曲麻莱县</span></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>三区边界</h4>
|
|
<ul>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundChangjiang"><span>长江源园区</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundYellowRiver"><span>黄河源园区</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="boundLanCangJiang"><span>澜沧江园区</span></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>保护区功能区划</h4>
|
|
<ul>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="sanjiangyuanFunctionArea"><span>三江源国家级自然保护区</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer="hohxiFunctionArea"><span>可可西里国家级自然保护区</span></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>土地利用</h4>
|
|
<ul>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer=""><span>治多县</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer=""><span>玛多县</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer=""><span>杂多县</span></li>
|
|
<li><input class="layer-toggle-btn" type="checkbox" data-layer=""><span>曲麻莱县</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 功能按钮 -->
|
|
<div class="rightButton">
|
|
<a href="javascript:void(0);" class="a_demo_two" id="btn-back-to-sjy">回到三江源</a>
|
|
<a href="javascript:void(0);" class="a_demo_two" id="btn-close-layers">关闭所有图层</a>
|
|
</div>
|
|
</div><!-- mapContainer -->
|
|
</div>
|
|
<script src="/static-sanjy-np/js/map.js"></script>
|
|
<script type="text/javascript">
|
|
/*新闻轮播图时间控制*/
|
|
$('.carousel2').carousel({
|
|
interval: 1500
|
|
})
|
|
</script>
|