增加mapbox插接件和功能

YANGDL

2021-01-15 48d575a147ecf5b5ea042dc38d99ed58df68ddfd

 src/components/LayerController/modules/LcServiceLayer.vue

@@ -28,34 +28,33 @@
</template>

<script>
import WmsHelper from "../../helpers/WmsHelper";

import WmsHelper from '../../helpers/WmsHelper'

export default {
  name: "LcServiceLayer",
  name: 'LcServiceLayer',
  components: {},
  data() {
  data () {
    return {
      selectedLineLayer: [], // 选中的管线图层
      selectedSubsidiaryLayer: [], // 选中的附属要素
      serviceTileLayerList: [], // Tile图层列表
      serviceWmtsLayerList: [], // Wmts图层列表
      serviceWmsLayerList: [] // 图层列表
    };
    }
  },
  computed: {
    serviceLayerHelper() {
    serviceLayerHelper () {
      return this.$store.state.map.serviceLayerHelper
    },
    mapConfig() {
    mapConfig () {
      return this.$store.state.map.mapConfig
    }
  },
  mounted() {
  mounted () {
    // console.log('03步骤：', this.helper)
  },
  methods: {
    swAllLayers(item) {
    swAllLayers (item) {
      // eslint-disable-next-line no-debugger
      item.checked = !item.checked
      for (let i = 0, len = item.layers.length; i < len; ++i) {
@@ -65,39 +64,39 @@

      console.log(this.mapConfig)
    },
    swTileLayer() {
    swTileLayer () {
      console.log('该TILE方法未实现！')
    },
    swWmtsLayer() {
    swWmtsLayer () {
      console.log('该WMTS方法未实现！')
    },
    swWmsLayer(itm) {
    swWmsLayer (itm) {
      console.log('22222222')
      itm.checked = !itm.checked
      this.updateWms()
    },
    swFilter(item) {
    swFilter (item) {
      this.$store.commit('setSelectedServiceLayer', item.code)
      this.$store.commit('toggleServiceLayerFilter')
    },
    updateServiceLayerList() {
    updateServiceLayerList () {
      // eslint-disable-next-line no-debugger
      // debugger
      let tileCfg = this.serviceLayerHelper.getTileLayers()
      const tileCfg = this.serviceLayerHelper.getTileLayers()
      this.serviceTileLayerList = []
      for (let i = 0, len = tileCfg.length; i < len; ++i) {
        if (tileCfg[i].config.inLegend) {
          console.log(tileCfg[i])
        }
      }
      let wmtsCfg = this.serviceLayerHelper.getWmtsLayers()
      const wmtsCfg = this.serviceLayerHelper.getWmtsLayers()
      this.serviceWmtsLayerList = []
      for (let i = 0, len = wmtsCfg.length; i < len; ++i) {
        if (wmtsCfg[i].config.inLegend) {
          console.log(wmtsCfg[i])
        }
      }
      let wmsCfg = this.serviceLayerHelper.getWmsLayers()
      const wmsCfg = this.serviceLayerHelper.getWmsLayers()
      this.serviceWmsLayerList = []
      for (let i = 0, len = wmsCfg.length; i < len; ++i) {
        if (wmsCfg[i].config.inLegend) {
@@ -105,32 +104,32 @@
        }
      }
    },
    updateWms() {
    updateWms () {
      console.log('------')
      var mapConfig = this.mapConfig
      var wmsHelper = new WmsHelper()
      wmsHelper.initMapConfig(mapConfig)
      var wmsLayersMap = wmsHelper.getWmsLayersMap()
      //var filterURL = wmsHelper.getFilterURL()
      // 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(',')}, false)
          tileLayer.setParams({ layers: layers.join(',') }, false)
          tileLayer.setUrl(tileLayer.config.url, false)
        }
      }
    }
  },
  watch: {
    serviceLayerHelper(newVal) {
    serviceLayerHelper (newVal) {
      if (newVal != null) {
        this.updateServiceLayerList();
        this.updateServiceLayerList()
      }
    },
  },
};
    }
  }
}
</script>

<style scoped lang="less">