修改图层控制

徐旺旺

2021-02-25 4627fc484c1697ca7e9f05f9e5d2d85341b526fe

 src/components/LayerController/modules/LcServiceLayer.vue

@@ -1,7 +1,7 @@
<template>
    <div class="inner-panel">
        <div class="wms-panel">
            <div v-for="item in mapConfig.ServiceLayers" :key="item.code" class="layerbox">
            <div v-for="item in serviceLayers" :key="item.code" class="layerbox">
                <div><input type="checkbox" :name="'wmsLayer_'+item.code" :checked="item.checked" :value="item.code"
                            @change="swAllLayers(item)"/>{{ item.name }} <span @click="swFilter(item)"
                                                                               class="btn-filter">过滤</span>
@@ -11,7 +11,8 @@
                                                                                                      :name="'wmsSublayers_'+item.code+'_'+itm.code"
                                                                                                      :checked="itm.checked"
                                                                                                      :value="itm.code"
                                                                                                      @change="swWmsLayer(itm)"/>{{ itm.sname }}
                                                                                                      @change="swWmsLayer(item.url,itm)"/>{{
                        itm.name }}
                    </div>
                </div>
            </div>
@@ -34,8 +35,8 @@
    }
  },
  computed: {
    mapConfig () {
      return this.$store.state.map.mapConfig.mapConfig
    serviceLayers () {
      return this.$store.state.map.serviceLayers.LayerSewersLine
    }
  },
  mounted () {
@@ -56,9 +57,14 @@
        window.L.geoJSON(res).addTo(window.map)
      })
    },
    swWmsLayer (itm) {
    swWmsLayer (url, itm) {
      itm.checked = !itm.checked
      this.updateWms()
      if (itm.checked) {
        window.serviceLayerHelper.loadGeojsonLayer(url, itm)
      } else {
        window.serviceLayerHelper.removeLayer(itm)
      }
      // this.updateWms()
    },
    swFilter (item) {
      this.layerFilterVisible = !this.layerFilterVisible