From 027d237a54bd813b811f77bec4d778be543c2a6d Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期五, 05 三月 2021 14:53:09 +0800 Subject: [PATCH] 图例内容/效果实现 --- src/components/LayerController/modules/LcServiceLayerFilter.vue | 34 ++++++++++++++-------------------- 1 files changed, 14 insertions(+), 20 deletions(-) diff --git a/src/components/LayerController/modules/LcServiceLayerFilter.vue b/src/components/LayerController/modules/LcServiceLayerFilter.vue index cb36875..28d5521 100644 --- a/src/components/LayerController/modules/LcServiceLayerFilter.vue +++ b/src/components/LayerController/modules/LcServiceLayerFilter.vue @@ -6,9 +6,9 @@ @change="swAllSubFilter(item)">{{item.name}} </div> <div class="content"> - <div v-for="filter in item.filters" :key="filter.code"> - <input type="checkbox" :value="filter.code" :checked="filter.checked"><label - :title="filter.name">{{filter.sname}}</label> + <div v-for="filter in item.layers" :key="filter.code"> + <input type="checkbox" :value="filter.code" :checked="filter.checked" @change="swSubFilter(item.url,filter)"><label + :title="filter.name">{{filter.name}}</label> </div> </div> </div> @@ -18,7 +18,6 @@ <script> import { mapMutations } from 'vuex' -import WmsHelper from '../../helpers/WmsHelper' export default { name: 'LcServiceLayerFilter', @@ -56,21 +55,17 @@ ...mapMutations([]), 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(item) + // window.serviceLayerHelper.loadLayers() + }, + swSubFilter (url, item) { + item.checked = !item.checked + if (item.checked) { + window.serviceLayerHelper.loadGeojsonLayer(url, item) + } else { + window.serviceLayerHelper.removeLayer(item) } - var mapConfig = this.mapConfig - var wmsHelper = new WmsHelper() - wmsHelper.initMapConfig(mapConfig) - var wmsLayersMap = wmsHelper.getWmsLayersMap() - 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) - } - } + // window.serviceLayerHelper.loadLayers() } } } @@ -82,8 +77,7 @@ font-size: 13px; position: absolute; - left: 250px; - bottom: 10px; + left: 300px; z-index: 1000; height: 220px; -- Gitblit v1.8.0