| | |
| | | <div class="full-screen"> |
| | | <div id="map" ref="rootmap"></div> |
| | | <sgis-layer-controller :preset="'warningPreset'"></sgis-layer-controller> |
| | | <monitor-panel></monitor-panel> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | 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("/",{}) |
| | | }, |
| | |
| | | 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(){ |
| | | |
| | | } |
| | | } |
| | | } |