重构基础图层加载的代码

wangrui

2020-12-19 44280203af25006efc4b8939b4fc01477041e9b8

 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>>