From 48d575a147ecf5b5ea042dc38d99ed58df68ddfd Mon Sep 17 00:00:00 2001 From: YANGDL <114714267@qq.com> Date: 星期五, 15 一月 2021 18:02:53 +0800 Subject: [PATCH] 增加mapbox插接件和功能 --- src/components/LayerController/modules/LcServiceLayerFilter.vue | 57 +++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 39 insertions(+), 18 deletions(-) diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue index 1749296..a185123 100644 --- a/src/components/LayerController/modules/LcServiceLayerFilter.vue +++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue @@ -14,14 +14,16 @@ </template> <script> -import { mapState, mapMutations } from "vuex"; +import { mapState, mapMutations } from 'vuex' +import WmsHelper from '../../helpers/WmsHelper' + export default { - name: "LcServiceLayerFilter", + name: 'LcServiceLayerFilter', components: {}, - data() { + data () { return { - filterConfig: [], // 闄勫睘瑕佺礌 - }; + filterConfig: [] // 闄勫睘瑕佺礌 + } }, computed: { ...mapState({ @@ -33,30 +35,49 @@ }, serviceLayerFilters: (state) => { return state.serviceLayerFilters + }, + mapConfig: (state) => { + return state.mapConfig } - }), + }) }, - mounted() { - + mounted () { + }, methods: { ...mapMutations([]), - getFilterConfig(){ - return this.filterConfig + getFilterConfig () { + return this.filterConfig }, - swAllSubFilter(item){ - item.checked = !item.checked - for(let i = 0, len = item.filters.length; i < len; ++i){ - item.filters[i].checked = item.checked + swAllSubFilter (item) { + item.checked = !item.checked + for (let i = 0, len = item.filters.length; i < len; ++i) { + item.filters[i].checked = item.checked + } + + console.log('------') + var mapConfig = this.mapConfig + var wmsHelper = new WmsHelper() + wmsHelper.initMapConfig(mapConfig) + var wmsLayersMap = wmsHelper.getWmsLayersMap() + // var filterURL = wmsHelper.getFilterURL() + console.log(wmsLayersMap) + for (var k in wmsLayersMap) { + var layers = wmsLayersMap[k] + var tileLayer = this.serviceLayerHelper.getTileLayer(k) + if (tileLayer) { + tileLayer.setParams({ layers: layers.join(',') }, true) + tileLayer.setUrl(tileLayer.config.url, false) } + } } }, watch: { - selectedServiceLayer(newVal){ - this.filterConfig = this.serviceLayerHelper.getWMSConfig(newVal).filtersGroup - } + selectedServiceLayer (newVal) { + this.filterConfig = this.serviceLayerHelper.getWMSConfig(newVal).filtersGroup + } } -}; +} </script> <style scoped lang="less"> -- Gitblit v1.8.0