| | |
| | | <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, |
| | |
| | | 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; |
| | | } |
| | | }, |
| | | setCoverage(res) { |
| | | switch (res) { |
| | | case 'a1': |
| | | this.$refs && this.$refs.maplayer && this.$refs.maplayer.open(); |
| | | break; |
| | | } |
| | | }, |
| | | menuChange(res) { |
| | | this.setListTwoMenu = this.setListTwoMenuAll[res]; |
| | | }, |