| | |
| | | <div |
| | | @click="changeMenulayer" |
| | | class="changeLayer" |
| | | style=" position: absolute; |
| | | bottom: 84px; |
| | | 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, 0.5);" |
| | | > |
| | | <div |
| | | title="底图切换" |
| | |
| | | <div |
| | | @click="changeMapType" |
| | | class="changeMapType" |
| | | v-if="$store.state.setChangeBaseMap" |
| | | style=" 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, 0.5);" |
| | | > |
| | | <div |
| | | title="2/3维切换" |
| | |
| | | <!-- </div>--> |
| | | <div |
| | | class="sindagis-map-compass" |
| | | style=" bottom: 130px; right: 35px;" |
| | | style=" bottom: 130px; right: 40px;" |
| | | > |
| | | <span |
| | | class="left" |
| | |
| | | }, |
| | | |
| | | changeMenulayer() { |
| | | this.$bus.$emit("setChangeBaseMapLayer", true) |
| | | this.$bus.$emit("setChangeBaseMapLayer", {type:'ol',boolen:true}) |
| | | // this.isActive = !this.isActive |
| | | // this.isMenuLayer = !this.isMenuLayer |
| | | // this.setLayerVisible() |
| | |
| | | |
| | | .sindagis-map-compass { |
| | | position: absolute; |
| | | right: 50px; |
| | | |
| | | z-index: 5; |
| | | |
| | | width: 52px; |
| | | height: 54px; |
| | | background: url("../assets/img/compass.png") 0% 0% / 266px no-repeat; |
| | |
| | | background-size: contain; |
| | | } |
| | | .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, 0.5); |
| | | //position: absolute; |
| | | //bottom: 1%; |
| | | //left: calc(1% + 75px); |
| | | //height: 40px; |
| | | //width: 60px; |
| | | //z-index: 101; |
| | | //display: flex; |
| | | //justify-content: center; |
| | | //align-items: center; |
| | | //// box-shadow: 3px 3px 6px #666; |
| | | //border-radius: 5px; |
| | | //// background: #fff; |
| | | //cursor: pointer; |
| | | } |
| | | .mapTypeTwo { |
| | | width: 100%; |
| | |
| | | background-size: contain; |
| | | } |
| | | .changeLayer { |
| | | position: absolute; |
| | | bottom: 84px; |
| | | 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, 0.5); |
| | | } |
| | | </style> |