| | |
| | | <div>{{ $t(item.label) }}</div> |
| | | </div> |
| | | <mapinfo ref="mapinfo" /> |
| | | <maplayer ref="maplayer" /> |
| | | <input type="file" accept=".kml" class="file" style="display: none" /> |
| | | </div> |
| | | </template> |
| | |
| | | <script> |
| | | import { transform } from 'ol/proj'; |
| | | import mapinfo from '../Tools/mapinfo.vue'; |
| | | import maplayer from '../Tools/maplayer.vue'; |
| | | |
| | | export default { |
| | | components: { mapinfo }, |
| | | components: { mapinfo, maplayer }, |
| | | data() { |
| | | return { |
| | | showTwoMenuFlag: false, |
| | |
| | | isNaviget: false, |
| | | isolineFlag: false, |
| | | isslopeFlag: false, |
| | | isContrastFlag: false, |
| | | }; |
| | | }, |
| | | methods: { |
| | |
| | | this.$store.state.mapPopBoolean = false; |
| | | this.$store.state.mapPopBoxFlag = null; |
| | | var val = res.id[0]; |
| | | if (window.model != null) { |
| | | window.model.deleteObject(); |
| | | window.model = null; |
| | | } |
| | | switch (val) { |
| | | case 'a': //图层管理 |
| | | this.setCoverage(res.id); |
| | |
| | | break; |
| | | case 'h7': |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | |
| | | break; |
| | | } |
| | | }, |
| | |
| | | let files = evt.target.files; |
| | | if (files.length > 0) { |
| | | let file = evt.target.files[0]; |
| | | |
| | | let fileReader = new FileReader(); |
| | | fileReader.readAsDataURL(file); |
| | | fileReader.onload = () => { |
| | | sgworld.Viewer.dataSources |
| | | .add( |
| | | Cesium.KmlDataSource.load(fileReader.result, { |
| | | camera: sgworld.Viewer.scene.camera, |
| | | canvas: sgworld.Viewer.scene.canvas, |
| | | }) |
| | | ) |
| | | .then((KmlDataSource) => { |
| | | console.log(KmlDataSource); |
| | | // let entities = kmlDataSource.entities; |
| | | }); |
| | | }; |
| | | sgworld.Creator.addKmlLayer('kml数据', file, true); |
| | | // let fileReader = new FileReader(); |
| | | // fileReader.readAsDataURL(file); |
| | | // fileReader.onload = () => { |
| | | // sgworld.Viewer.dataSources |
| | | // .add( |
| | | // Cesium.KmlDataSource.load(fileReader.result, { |
| | | // camera: sgworld.Viewer.scene.camera, |
| | | // canvas: sgworld.Viewer.scene.canvas, |
| | | // }) |
| | | // ) |
| | | // .then((KmlDataSource) => { |
| | | // console.log(KmlDataSource); |
| | | // // let entities = kmlDataSource.entities; |
| | | // }); |
| | | // }; |
| | | } |
| | | // fileInput.value = null; |
| | | }; |
| | |
| | | } |
| | | ); |
| | | break; |
| | | case 'd7': |
| | | var that = this; |
| | | window.model = sgworld.Creator.create3DTilesets( |
| | | '', |
| | | modelUrl, |
| | | {}, |
| | | {}, |
| | | '0', |
| | | true, |
| | | (data) => { |
| | | sgworld.Navigate.flyToObj(data); |
| | | that.setclippingModel(); |
| | | } |
| | | ); |
| | | break; |
| | | case 'd8': |
| | | if (this.isContrastFlag == false) { |
| | | this.isContrastFlag = true; |
| | | sgworld.Analysis.createCurtainContrast(2, 1); |
| | | } else { |
| | | this.isContrastFlag = false; |
| | | sgworld.Analysis.clearCurtainContrast(); |
| | | } |
| | | break; |
| | | case 'd10': |
| | | if (window.TerrainFlattening) { |
| | | window.TerrainFlattening.remove(); |
| | |
| | | ); |
| | | } |
| | | break; |
| | | } |
| | | }, |
| | | setclippingModel() { |
| | | if (window.model) { |
| | | setTimeout(() => { |
| | | window.model.clippingModel({ |
| | | direction: 'z', |
| | | }); |
| | | }, 1000); |
| | | // window.model.clippingModel({ |
| | | // direction: 'z', |
| | | // }); |
| | | } |
| | | }, |
| | | clear(res) { |
| | |
| | | break; |
| | | } |
| | | }, |
| | | setCoverage(res) { |
| | | switch (res) { |
| | | case 'a1': |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.open(); |
| | | break; |
| | | } |
| | | }, |
| | | menuChange(res) { |
| | | this.setListTwoMenu = this.setListTwoMenuAll[res]; |
| | | }, |