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/LcServiceLayer.vue | 49 ++++++++++++++++++++++++------------------------- 1 files changed, 24 insertions(+), 25 deletions(-) diff --git a/src/components/LayerController/modules/LcServiceLayer.vue b/src/components/LayerController/modules/LcServiceLayer.vue index e7674d5..dcf9fcd 100644 --- a/src/components/LayerController/modules/LcServiceLayer.vue +++ b/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('璇ILE鏂规硶鏈疄鐜帮紒') }, - swWmtsLayer() { + swWmtsLayer () { console.log('璇MTS鏂规硶鏈疄鐜帮紒') }, - 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"> -- Gitblit v1.8.0