Skip to content

Z
zanhuangyingji
Commit ba3d7bf6 authored by yaqizhang's avatar yaqizhang
Browse files
Options

地图位置层级修改

parent 1d717671
Hide whitespace changes
Inline Side-by-side
Showing with 28 additions and 26 deletions
ioc_frontweb/index.html
View file @ ba3d7bf6
...@@ -40,9 +40,9 @@ ...@@ -40,9 +40,9 @@
<div class="clearBtn"> <div class="clearBtn">
<button class="serBtn" id="removeSerBtn"><i class="layui-icon layui-icon-delete"></i></button> <button class="serBtn" id="removeSerBtn"><i class="layui-icon layui-icon-delete"></i></button>
</div> </div>
<div class="mulitVideoBtn"> <!-- <div class="mulitVideoBtn">
<button class="serBtn" id="mulitVideoBtn"><i class="layui-icon layui-icon-table"></i></button> <button class="serBtn" id="mulitVideoBtn"><i class="layui-icon layui-icon-table"></i></button>
</div> </div> -->
<div class="mouseToolBtn"> <div class="mouseToolBtn">
<button class="serBtn" id="mouseToolBtn"><i class="layui-icon layui-icon-app"></i></button> <button class="serBtn" id="mouseToolBtn"><i class="layui-icon layui-icon-app"></i></button>
</div> </div>
......
ioc_frontweb/js/map.js
View file @ ba3d7bf6
...@@ -17,7 +17,7 @@ district.search('赞皇', function (status, result) { ...@@ -17,7 +17,7 @@ district.search('赞皇', function (status, result) {
// for (var i = 0; i < bounds.length; i += 1) { // for (var i = 0; i < bounds.length; i += 1) {
// mask.push([bounds[i]]); // mask.push([bounds[i]]);
// } // }
var defaultCenter = [114.72995, 38.37417]; var defaultCenter = [114.391885,37.672925];
map = new AMap.Map('container', { map = new AMap.Map('container', {
// mask: mask, // mask: mask,
center: defaultCenter, center: defaultCenter,
...@@ -27,7 +27,7 @@ district.search('赞皇', function (status, result) { ...@@ -27,7 +27,7 @@ district.search('赞皇', function (status, result) {
showLabel: true, showLabel: true,
// labelzIndex: 110, // labelzIndex: 110,
pitch: 8, pitch: 8,
zoom: 11.5, zoom: 12.5,
// mapStyle: 'amap://styles/darkblue', // mapStyle: 'amap://styles/darkblue',
mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae', mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
}); });
......
ioc_frontweb/style/style.css
View file @ ba3d7bf6
...@@ -470,42 +470,43 @@ table.layui-table th { ...@@ -470,42 +470,43 @@ table.layui-table th {
position: fixed; position: fixed;
width: 100%; width: 100%;
top: 0; top: 0;
height: 90px; height: 9.5%;
} }
.borderleft{ .borderleft{
position: fixed; position: fixed;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
width: 60px; width: 3.5%;
} }
.borderright{ .borderright{
position: fixed; position: fixed;
height: 100%; height: 100%;
top: 0; top: 0;
right: 0; right: 0;
width: 60px; width: 3.6%;
} }
.borderbottom{ .borderbottom{
position: fixed; position: fixed;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
height: 30px; height: 3.6%;
} }
#leftBar{ #leftBar{
/* background: url(../images/mapleft1.png); */ /* background: url(../images/mapleft1.png); */
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
width: 22%; width: 22%;
height: 89.1%; height: auto;
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 2; z-index: 2;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 4.4%; margin-top: 92px;
margin-left: 1%; margin-left: 1%;
margin-bottom: 25px;
background: url(../images/mapl.png)no-repeat; background: url(../images/mapl.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
...@@ -514,15 +515,16 @@ table.layui-table th { ...@@ -514,15 +515,16 @@ table.layui-table th {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
width: 22%; width: 22%;
height: 89.1%; height: auto;
position: fixed; position: fixed;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 2; z-index: 2;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 4.4%; margin-top: 92px;
margin-right: 1%; margin-right: 1%;
margin-bottom: 25px;
background: url(../images/mapr.png)no-repeat; background: url(../images/mapr.png)no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
...@@ -1154,7 +1156,7 @@ table.layui-table th { ...@@ -1154,7 +1156,7 @@ table.layui-table th {
.mulitVideoBtn, .mulitVideoBtn,
.mouseToolBtn { .mouseToolBtn {
position: fixed; position: fixed;
top: 195px; top: 180px;
right: 465px; right: 465px;
z-index: 999; z-index: 999;
} }
...@@ -1162,7 +1164,7 @@ table.layui-table th { ...@@ -1162,7 +1164,7 @@ table.layui-table th {
top: 255px; top: 255px;
} }
.mouseToolBtn { .mouseToolBtn {
top: 255px; top: 225px;
/* top: 310px; */ /* top: 310px; */
} }
.toolsbox { .toolsbox {
...@@ -1220,8 +1222,8 @@ table.layui-table th { ...@@ -1220,8 +1222,8 @@ table.layui-table th {
} }
.serBtn { .serBtn {
background: #152136; background: #152136;
width: 45px; width: 35px;
height: 45px; height: 35px;
text-align: center; text-align: center;
outline: none; outline: none;
border-radius: 5px; border-radius: 5px;
...@@ -1241,7 +1243,7 @@ table.layui-table th { ...@@ -1241,7 +1243,7 @@ table.layui-table th {
font-size: 1.5em; font-size: 1.5em;
} }
.serBtn i { .serBtn i {
font-size: 2em; font-size: 1.6em;
height: 38px; height: 38px;
line-height: 38px; line-height: 38px;
color: #fff; color: #fff;
...@@ -1608,17 +1610,17 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1608,17 +1610,17 @@ div[lay-id='members'] thead tr:nth-child(1) {
/* 卫星地图切换 */ /* 卫星地图切换 */
.amap-maptype-wrap { .amap-maptype-wrap {
position: absolute; position: absolute;
top: 302px !important; top: 260px !important;
right: 452px !important; right: 452px !important;
width: 45px; width: 35px;
height: 45px; height: 35px;
} }
.amap-maptype-con { .amap-maptype-con {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width: 46px !important; width: 36px !important;
height: 46px !important; height: 36px !important;
/* background: #fff; */ /* background: #fff; */
border: solid 0px #ccc !important; border: solid 0px #ccc !important;
border-radius: 5px !important; border-radius: 5px !important;
...@@ -1628,8 +1630,8 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1628,8 +1630,8 @@ div[lay-id='members'] thead tr:nth-child(1) {
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 1px; right: 1px;
width: 45px !important; width: 35px !important;
height: 45px !important; height: 35px !important;
overflow: hidden; overflow: hidden;
background: #ccc; background: #ccc;
border: solid 0px #ccc !important; border: solid 0px #ccc !important;
...@@ -1639,7 +1641,7 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1639,7 +1641,7 @@ div[lay-id='members'] thead tr:nth-child(1) {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 45px !important; width: 35px !important;
height: 20px; height: 20px;
color: #fff; color: #fff;
text-align: center; text-align: center;
...@@ -1655,7 +1657,7 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1655,7 +1657,7 @@ div[lay-id='members'] thead tr:nth-child(1) {
.amap-maptype-list { .amap-maptype-list {
width: 45px !important; width: 45px !important;
border-radius: 5px !important; border-radius: 5px !important;
display: block; display: none !important;
height: 20px; height: 20px;
position: absolute; position: absolute;
top: 353px !important; top: 353px !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment