From 17e7836b1d0a7bd1a51d44ae071a88423a9f9370 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期一, 08 三月 2021 17:57:16 +0800 Subject: [PATCH] 添加工具栏功能 --- src/views/MapTemplate.vue | 49 ++++++++++++++++++++++++++++++------------------- 1 files changed, 30 insertions(+), 19 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index bde308c..a98e84c 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -6,12 +6,13 @@ <sgis-layer-controller :preset="'warningPreset'"> <lc-basemap></lc-basemap> <!-- <div class="barline"></div>--> - <lc-service-layer class="barline"></lc-service-layer> + <lc-service-layer class="barline" v-if="lcServiceLayerVisible"></lc-service-layer> </sgis-layer-controller> - <lc-service-layer-filter v-show="showServiceLayerFilter" ref="serviceLayerFilter"></lc-service-layer-filter> <monitor-panel></monitor-panel> - <top-enterprise-panel></top-enterprise-panel> - <tool-box-panel></tool-box-panel> + <!-- <top-enterprise-panel></top-enterprise-panel>--> + <tool-box-panel :map="this.map"></tool-box-panel> + <menu-special></menu-special> + <legend-panel></legend-panel> </div> </template> @@ -22,37 +23,38 @@ import SgisLayerController from '@components/LayerController/LayerController' import LcBasemap from '@components/LayerController/modules/LcBaseMap' import LcServiceLayer from '@components/LayerController/modules/LcServiceLayer' -import LcServiceLayerFilter from '@components/LayerController/modules/LcServiceLayerFilter' import MonitorPanel from '@components/panel/RightSearchPanel' -import TopEnterprisePanel from '@components/panel/TopEnterprisePanel' +// import TopEnterprisePanel from '@components/panel/TopEnterprisePanel' import ToolBoxPanel from '@components/panel/ToolBoxPanel' import Popup from '@views/popup/Popup' +import MenuSpecial from '@components/panel/MenuTopic' +import LegendPanel from '@components/panel/LegendPanel' + export default { name: 'MapTemplate', components: { + LegendPanel, + MenuSpecial, ToolBoxPanel, - TopEnterprisePanel, + // TopEnterprisePanel, SgisLayerController, MonitorPanel, LcBasemap, LcServiceLayer, - LcServiceLayerFilter, Popup }, data () { return { map: null, + lcServiceLayerVisible: false, basemapHelper: {}, serviceLayerHelper: {}, vectorLayerHelper: {} } }, computed: { - showServiceLayerFilter () { - return this.$store.state.map.showServiceLayerFilter - }, - mapConfig () { - return this.$store.state.map.mapConfig + config () { + return this.$store.state.map.config } }, beforeMount () { @@ -62,23 +64,27 @@ }, methods: { saveMapStatus () { + window.serviceLayerHelper = this.serviceLayerHelper this.$store.commit('setMapObj', this.map) this.$store.commit('setBasemapHelper', this.basemapHelper) - this.$store.commit('setServiceLayerHelper', this.serviceLayerHelper) + // this.$store.commit('setServiceLayerHelper', this.serviceLayerHelper) this.$store.commit('setVectorLayerHelper', this.vectorLayerHelper) + + this.lcServiceLayerVisible = true }, init () { const mapcontainer = this.$refs.rootmap this.map = Sgis.initMap(mapcontainer) this.basemapHelper = Sgis.initBasemapsHelper(this.map) // 鍒濆鍖栧熀纭�搴曞浘鍔╂墜 - this.basemapHelper.initBasemap(this.mapConfig, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘 + this.basemapHelper.initBasemap(this.config, false) // 绗簩涓弬鏁帮紝琛ㄧず鏄惁鍐呯綉搴曞浘 this.serviceLayerHelper = Sgis.initTileLayersHelper(this.map) // 鍒濆鍖栦笟鍔″簳鍥惧姪鎵� - this.serviceLayerHelper.initServiceLayers(this.mapConfig) + console.log(this.$refs.popup.$el) + this.serviceLayerHelper.initServiceLayers(this.config, this.$refs.popup) this.vectorLayerHelper = Sgis.initVectorLayersHelper(this.map) // 鍒濆鍖栧姩鎬佽绱犲浘灞傚姪鎵� - this.vectorLayerHelper.initVectorLayers(this.mapConfig) + this.vectorLayerHelper.initVectorLayers(this.config) this.saveMapStatus() // this.setMapObj(this.mapObj) @@ -100,7 +106,12 @@ var marker = L.marker([32.2221, 118.7843], { icon: icon }).addTo(this.map) - .bindPopup(() => this.$refs.popup.$el, { className: 's-map-popup', minWidth: 300, closeButton: false, autoClose: false }) + .bindPopup(() => this.$refs.popup.$el, { + className: 's-map-popup', + minWidth: 300, + closeButton: false, + autoClose: false + }) .bindTooltip('瀛椾綋鍏夋檿鏁堟灉t.', { // permanent : true, offset: [0, 0], // 鍋忕Щ @@ -142,4 +153,4 @@ border-top: 1px solid #0661AE; } } -</style>> +</style> -- Gitblit v1.8.0