| | |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | <div style="display: flex"> |
| | | <!-- <div style="display: flex;">--> |
| | | <div |
| | | class="changeTerrain" |
| | | @click="changeTerrainLayer" |
| | |
| | | class="mapTerrain" |
| | | ></div> |
| | | </div> |
| | | <!-- class="center CenDiv"--> |
| | | <div |
| | | @click="changeMenulayer" |
| | | class="center CenDiv" |
| | | class="changeLayer" |
| | | > |
| | | <div |
| | | title="底图切换" |
| | |
| | | :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'" |
| | | ></div> |
| | | </div> |
| | | </div> |
| | | <!-- </div>--> |
| | | <!-- 坡度分析弹窗--> |
| | | <div |
| | | class="lengend" |
| | |
| | | .mapBaseMap { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin-left: 10px; |
| | | background-image: url("../assets/img/synthesis/底图.png"); |
| | | //margin-left: 10px; |
| | | background-image: url("../assets/img/basemap.png"); |
| | | //background-image: url("../assets/img/synthesis/底图.png"); |
| | | background-repeat: no-repeat; |
| | | background-size: contain; |
| | | } |
| | | .changeMapType { |
| | | position: absolute; |
| | | bottom: 1%; |
| | | left: calc(1% + 150px); |
| | | height: 40px; |
| | | width: 60px; |
| | | z-index: 101; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | // box-shadow: 3px 3px 6px #666; |
| | | //border: 1px solid rgba(204, 204, 204, 0.76); |
| | | border-radius: 5px; |
| | | |
| | | cursor: pointer; |
| | | } |
| | | //.changeMapType { |
| | | // position: absolute; |
| | | // bottom: 1%; |
| | | // left: calc(1% + 150px); |
| | | // height: 40px; |
| | | // width: 60px; |
| | | // z-index: 101; |
| | | // display: flex; |
| | | // justify-content: center; |
| | | // align-items: center; |
| | | // // box-shadow: 3px 3px 6px #666; |
| | | // //border: 1px solid rgba(204, 204, 204, 0.76); |
| | | // border-radius: 5px; |
| | | // |
| | | // cursor: pointer; |
| | | //} |
| | | .changeTerrain { |
| | | position: absolute; |
| | | bottom: 1%; |
| | | left: 1%; |
| | | height: 40px; |
| | | width: 60px; |
| | | bottom: 84px; |
| | | right: 46px; |
| | | height: 30px; |
| | | width: 30px; |
| | | z-index: 101; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | border-radius: 5px; |
| | | cursor: pointer; |
| | | border: 1px solid rgba(255,255,255,.5); |
| | | } |
| | | .changeLayer{ |
| | | position: absolute; |
| | | bottom: 116px; |
| | | right: 46px; |
| | | height: 30px; |
| | | width: 30px; |
| | | z-index: 101; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | border: 1px solid rgba(255,255,255,.5); |
| | | } |
| | | .changeMapType { |
| | | position: absolute; |
| | | bottom: 52px; |
| | | right: 46px; |
| | | height: 30px; |
| | | width: 30px; |
| | | z-index: 101; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | border: 1px solid rgba(255,255,255,.5); |
| | | } |
| | | //.changeTerrain { |
| | | // position: absolute; |
| | | // bottom: 1%; |
| | | // left: 1%; |
| | | // height: 40px; |
| | | // width: 60px; |
| | | // z-index: 101; |
| | | // display: flex; |
| | | // justify-content: center; |
| | | // align-items: center; |
| | | // |
| | | // border-radius: 5px; |
| | | // cursor: pointer; |
| | | //} |
| | | |
| | | .mapTypeTwo { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin-left: 10px; |
| | | background-image: url("../assets/img/synthesis/3D.png"); |
| | | background-image: url("../assets/img/3D.png"); |
| | | //background-image: url("../assets/img/synthesis/3D.png"); |
| | | background-repeat: no-repeat; |
| | | background-size: contain; |
| | | |
| | | //background-size: contain; |
| | | } |
| | | .mapTerrain { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin-left: 10px; |
| | | background-image: url("../assets/img/synthesis/地形.png"); |
| | | //margin-left: 10px; |
| | | //background-image: url("../assets/img/synthesis/地形.png"); |
| | | //background-image: url("../assets/img/synthesis/地形.png"); |
| | | background-image: url("../assets/img/terrain.png"); |
| | | background-repeat: no-repeat; |
| | | background-size: contain; |
| | | //background-size: contain; |
| | | } |
| | | .mapTypeThree { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin-left: 10px; |
| | | background-image: url("../assets/img/synthesis/2D 拷贝 2.png"); |
| | | //margin-left: 10px; |
| | | background-image: url("../assets/img/2D.png"); |
| | | background-repeat: no-repeat; |
| | | background-size: contain; |
| | | //background-size: contain; |
| | | } |
| | | |
| | | .pdfClass { |