p85126437
/
geo_info_platform
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

左侧图谱位置

This commit is contained in:
caicai8 2019-12-19 15:16:38 +08:00
parent 13f85bb83d
commit 7e84621812
4 changed files with 58 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/demo.css
View File

@ -92,9 +92,9 @@ body{
height: 40%; height: 40%;
} }
.screen-btn{ .screen-btn{
position: fixed; position: absolute;
left: -50px; right: 15px;
top: 70px; top: 15px;
color: #fff; color: #fff;
z-index: 100; z-index: 100;
cursor: pointer; cursor: pointer;
@ -366,3 +366,9 @@ body{
.voice-btn a:hover{ .voice-btn a:hover{
color: rgba(255,255,255,1); color: rgba(255,255,255,1);
} }
.map-container{
position: relative;
width: 100%;
height: 100vh;
}

13
css/flexleft.css
View File

@ -1,12 +1,12 @@
.fixed-left{ .fixed-left{
position: fixed; position: absolute;
top: 0px; top: 0px;
bottom: 0; bottom: 0;
left: -400px; left: -400px;
width: 400px; width: 400px;
padding-top: 60px;
z-index: 40; z-index: 40;
transition: width .3s; transition: width .3s;
height: 100%;
} }
.fixed-left::before{ .fixed-left::before{
@ -21,6 +21,11 @@
.fixed-left.active{ .fixed-left.active{
width: 100%; width: 100%;
position: fixed;
top: 60px;
left: 0px;
height: 100%;
} }
/* .fixed-left.active .left_echart{ /* .fixed-left.active .left_echart{
@ -166,9 +171,9 @@
.left_echart{ .left_echart{
position: fixed !important; position: absolute !important;
height: 60%; height: 60%;
left: -100%; left: 0;
top: 0; top: 0;
width: 400px; width: 400px;
z-index: 50; z-index: 50;

2
css/slider.css
View File

@ -3,7 +3,7 @@
.slider_one_big_picture { .slider_one_big_picture {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 40%;
margin: 0 auto; margin: 0 auto;
user-select: none; user-select: none;
/*overflow: hidden;*/ /*overflow: hidden;*/

59
map.html
View File

@ -43,24 +43,6 @@
</ul> </ul>
</div> </div>
<ul class="user_info"> <ul class="user_info">
<!-- <li class="info-item">
<div class="lat_lon_sec">
<input
onkeyup="this.value=this.value.replace(/[^\d.]/g, '')"
class="search_input_common lon" placeholder="经度" />
<input
onkeyup="this.value=this.value.replace(/[^\d.]/g, '')"
class="search_input_common lat" placeholder="纬度" />
<span class="iconfont icon-search lat_lon_search"></span>
</div>
</li>
<li class="info-item">
<div class="search-prov">
<input class="search_input" placeholder="请输入地点" />
<span class="search_icon iconfont icon-search">
</span>
</div>
</li> -->
<span class="search-Panel"> <span class="search-Panel">
<input class="search-input-item prov" placeholder="请输入地点" /> <input class="search-input-item prov" placeholder="请输入地点" />
<input onkeyup="this.value=this.value.replace(/[^\d.]/g, '')" class="search-input-item lon" placeholder="经度" /> <input onkeyup="this.value=this.value.replace(/[^\d.]/g, '')" class="search-input-item lon" placeholder="经度" />
@ -74,19 +56,6 @@
</ul> </ul>
</div> </div>
</span> </span>
<!-- <li class="info-item">
<div class="search-area">
<div class="show_detail">
<span class="iconfont icon-gengduo more_icon"></span>
<ul class="detail_info">
<li class="info_txt" data-key="prov">地点</li>
<li class="info_txt" data-key="lon">经纬度</li>
<li class="info_txt" data-key="voice">语音</li>
</ul>
</div>
</div>
</li> -->
<li class="info-item"> <li class="info-item">
<div class="show_detail"> <div class="show_detail">
<img class="user_img" src="./image/3.jpg" /> <img class="user_img" src="./image/3.jpg" />
@ -115,7 +84,12 @@
</a> </a>
</div> </div>
</div> </div>
<div class="map-container">
<div class="fixed-left"> <div class="fixed-left">
<div class="screen-btn screen-open" id="btn">
<span class="screen_icon iconfont icon-kuoda"></span>
</div>
<div class="left_echart" id="mainGraph"></div>
<div class="video_img"> <div class="video_img">
<div class="div-video" style="background: #1D346F;"> <div class="div-video" style="background: #1D346F;">
<video width="100%" height="100%" controls> <video width="100%" height="100%" controls>
@ -126,32 +100,31 @@
</div> </div>
<div class="slider slider_one_big_picture"> <div class="slider slider_one_big_picture">
<div> <div>
<img class="picture" style="width: 400px;height: 180px;" src="./image/西藏/1.jpg" /> <img class="picture" style="width: 100%;height: 100%;" src="./image/西藏/1.jpg" />
</div> </div>
<div> <div>
<img class="picture" style="width: 400px;height: 180px;" src="./image/西藏/2.jpg" /> <img class="picture" style="width: 100%;height: 100%;" src="./image/西藏/2.jpg" />
</div> </div>
<div> <div>
<img class="picture" style="width: 400px;height: 180px;" src="./image/西藏/3.jpg" /> <img class="picture" style="width: 100%;height: 100%;" src="./image/西藏/3.jpg" />
</div> </div>
<div> <div>
<img class="picture" style="width: 400px;height: 180px;" src="./image/西藏/4.jpg" /> <img class="picture" style="width: 100%;height: 100%;" src="./image/西藏/4.jpg" />
</div> </div>
<div> <div>
<img class="picture" style="width: 400px;height: 180px;" src="./image/西藏/5.jpg" /> <img class="picture" style="width: 100%;height: 100%;" src="./image/西藏/5.jpg" />
</div> </div>
<div class="next_button"></div> <!-- <div class="next_button"></div>
<div class="prev_button"></div> <div class="prev_button"></div> -->
<div class="nav_indicators"></div> <!-- <div class="nav_indicators"></div> -->
</div> </div>
</div> </div>
</div> </div>
<div class="left_echart" id="mainGraph"></div>
<div class="screen-btn screen-open" id="btn">
<span class="screen_icon iconfont icon-kuoda"></span> <div id="maps" style="height: 100%; width: 100%;"></div>
</div> </div>
<div id="maps" style="height: 100vh; width: 100%;"></div>
<script type="text/javascript" src="./js/jQuery-1.8.3.min.js"></script> <script type="text/javascript" src="./js/jQuery-1.8.3.min.js"></script>
<script type="text/javascript" src="./js/jquery.easy_slides.js"></script> <script type="text/javascript" src="./js/jquery.easy_slides.js"></script>