| | |
| | | <mapol></mapol> |
| | | </div> |
| | | <add-online-map ref="addOnlineMap" /> |
| | | <add-online-ol-map ref="addOnlineOlMap"></add-online-ol-map> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import ol from "ol" |
| | | import $ from "jquery" |
| | | import AddOnlineMap from '../views/Tools/AddOnlineMap.vue' |
| | | import AddOnlineOlMap from '../views/Tools/AddOnlineOLMap.vue' |
| | | export default { |
| | | name: "", |
| | | |
| | | components: { |
| | | mapsdk, |
| | | mapol, |
| | | AddOnlineMap |
| | | AddOnlineMap, |
| | | AddOnlineOlMap |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | changeMap(res) { |
| | | this.isSplitFlag = res |
| | | this.getMapViewCenter(this.isSplitFlag); |
| | | |
| | | switch (res) { |
| | | case 1: |
| | | this.isShowCeMap = true |
| | |
| | | this.isShowOlMap = true |
| | | this.isSdkMapFlag = true |
| | | var that = this |
| | | |
| | | this.$store.state.setChangeBaseMap = false; |
| | | setTimeout(function () { |
| | | |
| | | window.map.updateSize() |
| | | that.showSplitMap() |
| | | }, 500) |
| | |
| | | this.isOlMapFlag = false |
| | | this.isShowCeMap = false |
| | | var val = this.$store.state.Map3; |
| | | this.$store.state.setChangeBaseMap = true; |
| | | window.Viewer.camera.setView({ |
| | | destination: Cesium.Cartesian3.fromDegrees(val[0], val[1], val[2]), |
| | | }) |
| | |
| | | } |
| | | return this.levelArray[this.levelArray.length - 1] |
| | | }, |
| | | showBaseMapLayer() { |
| | | this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.open("在线地图", null); |
| | | } |
| | | showBaseMapLayer(res) { |
| | | this.closeAllBaseMapLayer(); |
| | | if(res.type == 'ol'){ |
| | | this.$refs && this.$refs.addOnlineOlMap && this.$refs.addOnlineOlMap.open("2D在线地图", null); |
| | | }else{ |
| | | this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.open("3D在线地图", null); |
| | | } |
| | | }, |
| | | closeAllBaseMapLayer(){ |
| | | this.$refs && this.$refs.addOnlineOlMap && this.$refs.addOnlineOlMap.close(); |
| | | this.$refs && this.$refs.addOnlineMap && this.$refs.addOnlineMap.close(); |
| | | }, |
| | | }, |
| | | mounted() { |
| | | this.$bus.$on("setChangeBaseMapLayer", (res) => { |
| | | this.showBaseMapLayer() |
| | | this.showBaseMapLayer(res) |
| | | |
| | | |
| | | }) |
| | |
| | | width: 100%; |
| | | } |
| | | .sdkMapTwo { |
| | | width: calc(50% - 1px); |
| | | width: calc(50% - 2px); |
| | | } |
| | | .olMap { |
| | | height: 100%; |
| | |
| | | width: 100%; |
| | | } |
| | | .olMapTwo { |
| | | width: calc(50% - 1px); |
| | | width: calc(50% - 2px); |
| | | } |
| | | #ds { |
| | | height: 100%; |