| | |
| | | <template> |
| | | <div class="menu_Box"> |
| | | <div class="menu_Box box_div"> |
| | | <div |
| | | class="leftMen_div" |
| | | @click="setChangeTwoMenu(item)" |
| | |
| | | label: 'synthesis.compass', |
| | | name: '指北针', |
| | | css: 'twoMenu_imge28', |
| | | }, |
| | | { |
| | | id: 'b9', |
| | | label: 'synthesis.undergroundMode', |
| | | name: '地下模式', |
| | | css: 'twoMenu_imge29', |
| | | }, |
| | | ], |
| | | [ |
| | |
| | | { |
| | | id: 'j1', |
| | | label: 'synthesis.synthobj.m1', |
| | | name: '水平距离', |
| | | name: '表面距离', |
| | | css: 'twoMenu_imge71', |
| | | }, |
| | | { |
| | |
| | | isolineFlag: false, |
| | | isslopeFlag: false, |
| | | isContrastFlag: false, |
| | | UndergroundMode: false |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('水平距离', data); |
| | | this.openMeasureResultInfo('表面距离', data); |
| | | } |
| | | ); |
| | | break; |
| | |
| | | ); |
| | | break; |
| | | case 'j3': |
| | | var measure = window.sgworld.Command.execute( |
| | | 1, |
| | | 11, |
| | | this.colorAll, |
| | | (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('海拔高度', data); |
| | | } |
| | | ); |
| | | // var measure = window.sgworld.Command.execute( |
| | | // 1, |
| | | // 11, |
| | | // this.colorAll, |
| | | // (data) => { |
| | | // data.id = window.sgworld.Core.getuid(); |
| | | // this.measureData.set(data.id, measure); |
| | | // this.openMeasureResultInfo('海拔高度', data); |
| | | // } |
| | | // ); |
| | | var measure = window.sgworld.Command.execute(0, 3, this.colorAll, (data) => { |
| | | data.id = window.sgworld.Core.getuid(); |
| | | this.measureData.set(data.id, measure); |
| | | this.openMeasureResultInfo('平面面积', data); |
| | | |
| | | |
| | | }); |
| | | |
| | | break; |
| | | case 'j2': |
| | | var measure = window.sgworld.Command.execute( |
| | |
| | | openMeasureResultInfo(name, data) { |
| | | let info = ''; |
| | | switch (name) { |
| | | case '水平距离': |
| | | case '表面距离': |
| | | case '空间距离': |
| | | info = '总长度:' + data.distance[data.distance.length - 1]; |
| | | break; |
| | | case '海拔高度': |
| | | info = '海拔:' + data.height; |
| | | info = '高度:' + data.height; |
| | | break; |
| | | case '垂直高度': |
| | | info = `${data.gddistance}<br>${data.kjdistance}<br>${data.spdistance}`; |
| | |
| | | this.isNaviget = !this.isNaviget; |
| | | window.sgworld.navControl('nav', this.isNaviget); |
| | | break; |
| | | case 'b9': //地下模式 |
| | | this.UndergroundMode = !this.UndergroundMode; |
| | | window.sgworld.Analysis.UndergroundMode(this.UndergroundMode, 0.3) |
| | | break; |
| | | } |
| | | }, |
| | | setCoverage(res) { |
| | | switch (res) { |
| | | case 'a1': |
| | | if (this.$store.state.layerMnage == false) { |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll(); |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.open(); |
| | | this.$store.state.layerMnage = true; |
| | | } else if (this.$store.state.layerMnage == true) { |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.close(); |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.closeAll(); |
| | | this.$store.state.layerMnage = false; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | }); |
| | | this.$bus.$on('showLeftMenu', (res) => { |
| | | this.$store.state.showAllLayers = true; |
| | | |
| | | this.setCoverage('a1'); |
| | | |
| | | }); |
| | | this.$store.state.showAllLayers = true; |
| | | this.$store.state.layerMnage = false; |
| | | this.setCoverage('a1'); |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | font-size: 16px; |
| | | font-family: Microsoft YaHei; |
| | | font-weight: 400; |
| | | color: #ffffff; |
| | | |
| | | padding: 10px; |
| | | min-width: 100px; |
| | | margin-left: 10px; |
| | |
| | | border-radius: 5px; |
| | | } |
| | | .leftMen_div:hover { |
| | | background: linear-gradient(180deg, #002992, #080472); |
| | | border: 1px solid #000000; |
| | | box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21); |
| | | background: rgba(64, 158, 255, 0.4); |
| | | border: 1px solid #409eff; |
| | | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); |
| | | border-radius: 5px; |
| | | } |
| | | .lefMenuDivActive { |
| | | background: linear-gradient(180deg, #002992, #080472); |
| | | background: rgba(64, 158, 255, 0.4); |
| | | border: 1px solid #409eff; |
| | | } |
| | | .menuTwoImage { |
| | | width: 32px; |
| | |
| | | .twoMenu_imge28 { |
| | | background: url("../../assets/img/synthesis/椭圆 4.png") no-repeat center; |
| | | } |
| | | .twoMenu_imge29 { |
| | | background: url("../../assets/img/synthesis/z_03.png") no-repeat center; |
| | | } |
| | | //漫游 |
| | | .twoMenu_imge31 { |
| | | background: url("../../assets/img/synthesis/椭圆 6.png") no-repeat center; |