| | |
| | | </div> |
| | | </el-card> |
| | | </div> |
| | | <!-- <div style="display: flex;">--> |
| | | <!-- <div style="display: flex;">--> |
| | | <div |
| | | class="changeTerrain" |
| | | @click="changeTerrainLayer" |
| | | > |
| | | <div |
| | | class="changeTerrain" |
| | | @click="changeTerrainLayer" |
| | | > |
| | | <div |
| | | title="地形切换" |
| | | id="cenBg" |
| | | class="mapTerrain" |
| | | ></div> |
| | | </div> |
| | | <!-- class="center CenDiv"--> |
| | | title="地形切换" |
| | | id="cenBg" |
| | | class="mapTerrain" |
| | | ></div> |
| | | </div> |
| | | <!-- class="center CenDiv"--> |
| | | <div |
| | | @click="changeMenulayer" |
| | | class="changeLayer" |
| | | > |
| | | <div |
| | | @click="changeMenulayer" |
| | | class="changeLayer" |
| | | > |
| | | <div |
| | | title="底图切换" |
| | | id="cenBg" |
| | | class="mapBaseMap" |
| | | ></div> |
| | | </div> |
| | | title="底图切换" |
| | | id="cenBg" |
| | | class="mapBaseMap" |
| | | ></div> |
| | | </div> |
| | | |
| | | <div |
| | | @click="changeMapType" |
| | | class="changeMapType" |
| | | > |
| | | <div |
| | | @click="changeMapType" |
| | | class="changeMapType" |
| | | > |
| | | <div |
| | | title="2/3维切换" |
| | | id="cenBg" |
| | | :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'" |
| | | ></div> |
| | | </div> |
| | | <!-- </div>--> |
| | | title="2/3维切换" |
| | | id="cenBg" |
| | | :class="show2DMap ? 'mapTypeTwo' : 'mapTypeThree'" |
| | | ></div> |
| | | </div> |
| | | <!-- </div>--> |
| | | <!-- 坡度分析弹窗--> |
| | | <div |
| | | class="lengend" |
| | |
| | | v-if="dialog.isJpg" |
| | | class="pdfClass" |
| | | > |
| | | <img |
| | | style="width:100%; height:100%;" |
| | | <el-image |
| | | style="width:100%; height:100%" |
| | | :src="dialog.src" |
| | | alt="" |
| | | /> |
| | | :preview-src-list="[dialog.src]" |
| | | > |
| | | </el-image> |
| | | |
| | | </div> |
| | | </el-dialog> |
| | | <!-- <div--> |
| | |
| | | <!-- </div>--> |
| | | |
| | | </div> |
| | | <model-property ref='modelProperty'></model-property> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import $ from "jquery"; |
| | | import mapMenuTop from "./MapView/mapMenuTop.vue"; |
| | | import mapSpaceTop from "./MapView/mapSpaceTop.vue"; |
| | | |
| | | import ModelProperty from '../views/Tools/ModelProperty.vue' |
| | | import { |
| | | select_Comprehensive_ByPageAndCount, |
| | | select_Comprehensive_SelectWktById, |
| | |
| | | components: { |
| | | mapMenuTop, |
| | | mapSpaceTop, |
| | | ModelProperty |
| | | |
| | | }, |
| | | data() { |
| | |
| | | window.pickedColor = window.pickedFeature.color |
| | | window.pickedFeature.color = Cesium.Color.RED.withAlpha(0.3); |
| | | |
| | | this.$store.state.catModel = true; |
| | | this.$store.state.catModelInfo = { |
| | | // this.$store.state.catModel = true; |
| | | that.$store.state.catModelInfo = { |
| | | id: pickedFeature.getProperty("id"), |
| | | name: pickedFeature.getProperty("name"), |
| | | layerId: pickedFeature.primitive.layerId, |
| | | layerName: pickedFeature.primitive.id |
| | | }; |
| | | that.$refs && that.$refs.modelProperty && that.$refs.modelProperty.open(); |
| | | } |
| | | } |
| | | } |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | border: 1px solid rgba(255,255,255,.5); |
| | | border: 1px solid rgba(255, 255, 255, 0.5); |
| | | } |
| | | .changeLayer{ |
| | | .changeLayer { |
| | | position: absolute; |
| | | bottom: 116px; |
| | | right: 46px; |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | border: 1px solid rgba(255,255,255,.5); |
| | | border: 1px solid rgba(255, 255, 255, 0.5); |
| | | } |
| | | .changeMapType { |
| | | position: absolute; |
| | |
| | | justify-content: center; |
| | | align-items: center; |
| | | cursor: pointer; |
| | | border: 1px solid rgba(255,255,255,.5); |
| | | border: 1px solid rgba(255, 255, 255, 0.5); |
| | | } |
| | | //.changeTerrain { |
| | | // position: absolute; |