From 44280203af25006efc4b8939b4fc01477041e9b8 Mon Sep 17 00:00:00 2001 From: wangrui <zephyrs0894@163.com> Date: 星期六, 19 十二月 2020 01:01:47 +0800 Subject: [PATCH] 重构基础图层加载的代码 --- src/views/MapTemplate.vue | 22 +++++++++++++--------- 1 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/views/MapTemplate.vue b/src/views/MapTemplate.vue index 3706946..a441c66 100644 --- a/src/views/MapTemplate.vue +++ b/src/views/MapTemplate.vue @@ -2,6 +2,7 @@ <div class="full-screen"> <div id="map" ref="rootmap"></div> <sgis-layer-controller :preset="'warningPreset'"></sgis-layer-controller> + <monitor-panel></monitor-panel> </div> </template> @@ -9,11 +10,12 @@ import 'leaflet/dist/leaflet.css' import Sgis from '@src/Sgis' import SgisLayerController from '@components/LayerController/LayerController' +import MonitorPanel from '@components/panel/MonitorPanel' import { mapMutations, mapState } from 'vuex' export default { name: 'MapTemplate', - components: {SgisLayerController, }, + components: {SgisLayerController, MonitorPanel}, datas:{ ...mapState("/",{}) }, @@ -31,24 +33,26 @@ const mapcontainer = this.$refs.rootmap this.mapObj = Sgis.initMap(mapcontainer) this.basemapHelper = Sgis.initBasemaps(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧簳鍥� - this.vectorLayerHelper = Sgis.initLayers(this.mapObj.map, this.mapObj.L, {}, this.$nodeEnv) // 鍒濆鍖栦笟鍔″浘灞� + this.serviceLayerHelper = Sgis.initTileLayers(this.mapObj.map, this.mapObj.L) // 鍒濆鍖栧簳鍥� + this.vectorLayerHelper = Sgis.initVectorLayers(this.mapObj.map, this.mapObj.L, {}) // 鍒濆鍖栦笟鍔″浘灞� this.setLayerHelper(this.vectorLayerHelper) return this.map - }, - setLayerHelper(){ - } } } </script> -<style lang="less" scoped> +<style lang="less"> + .full-screen{ - width: calc(100vw); - height: calc(100vh); - overflow: hidden; + width: 100%; + height: 100%; margin: 0; padding: 0; position: absolute; + #map{ + height: 100%; + width: 100%; + } } </style>> -- Gitblit v1.8.0