| | |
| | | </template> |
| | | |
| | | <script> |
| | | import {mapState, mapMutations} from "vuex"; |
| | | import WmsHelper from "../../helpers/WmsHelper"; |
| | | |
| | | var wmsHelper = new WmsHelper() |
| | | |
| | | export default { |
| | | name: "LcServiceLayer", |
| | | components: {}, |
| | |
| | | }; |
| | | }, |
| | | computed: { |
| | | ...mapState({ |
| | | serviceLayerHelper: (state) => { |
| | | return state.serviceLayerHelper |
| | | }, |
| | | mapConfig: (state) => { |
| | | return state.mapConfig |
| | | } |
| | | }), |
| | | serviceLayerHelper(){ |
| | | return this.$store.state.map.serviceLayerHelper |
| | | }, |
| | | mapConfig(){ |
| | | return this.$store.state.map.mapConfig |
| | | } |
| | | }, |
| | | mounted() { |
| | | // console.log('03步骤:', this.helper) |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['setSelectedServiceLayer', 'toggleServiceLayerFilter']), |
| | | swAllLayers(item) { |
| | | // eslint-disable-next-line no-debugger |
| | | item.checked = !item.checked |
| | |
| | | console.log('该WMTS方法未实现!') |
| | | }, |
| | | swWmsLayer(itm) { |
| | | console.log('22222222') |
| | | itm.checked = !itm.checked |
| | | this.updateWms() |
| | | }, |
| | |
| | | } |
| | | }, |
| | | updateWms() { |
| | | console.log('------') |
| | | var mapConfig = this.mapConfig |
| | | var wmsHelper = new WmsHelper() |
| | | wmsHelper.initMapConfig(mapConfig) |
| | | var wmsLayersMap = wmsHelper.getWmsLayersMap() |
| | | //var filterURL = wmsHelper.getFilterURL() |
| | |
| | | var layers = wmsLayersMap[k] |
| | | var tileLayer = this.serviceLayerHelper.getTileLayer(k) |
| | | if (tileLayer) { |
| | | tileLayer.setParams({layers: layers}, true) |
| | | tileLayer.setParams({layers: layers.join(',')}, false) |
| | | tileLayer.setUrl(tileLayer.config.url,false) |
| | | } |
| | | } |
| | | } |