重构基础图层加载的代码

wangrui

2020-12-19 44280203af25006efc4b8939b4fc01477041e9b8

 src/Sgis.js

@@ -2,49 +2,43 @@
import BasemapHelper from '@components/helpers/BasemapHelper'
import VectorLayerHelper from '@components/helpers/VectorLayerHelper'

import Editable from '@components/plugin/Editable'
import PathDrag from '@components/plugin/PathDrag'
import CanvasIcon from '@components/plugin/CanvasMarkers'
import MagicMarker from '@components/plugin/MagicMarker'
// import Editable from '@components/plugin/Editable'
// import PathDrag from '@components/plugin/PathDrag'
// import CanvasIcon from '@components/plugin/CanvasMarkers'
// import MagicMarker from '@components/plugin/MagicMarker'
import 'leaflet.markercluster'

import MapConfig from '@/conf/MapConfig'
import CommonLayerLoad from '@components/mapmodules/CommonLayerLoad'
import DashFlow from '@components/plugin/PathDashFlow'
import AjaxUtils from '@/utils/AjaxUtils'
// import DashFlow from '@components/plugin/PathDashFlow'
// import AjaxUtils from '@/utils/AjaxUtils'
let map = null
let baseMapGroup = null
// let baseMapGroup = null
let commonLayerLoad = null
const initMap = (div) => {
    if (map != null) {
        map.remove()
        baseMapGroup = null
        // baseMapGroup = null
        commonLayerLoad = null
    }

    Editable.init(L)
    PathDrag.init(L)
    MagicMarker.init(L)
    CanvasIcon.init(L)
    // Leaflet扩展代码
    // Editable.init(L) // 图层编辑
    // PathDrag.init(L) // 路径拖拽
    // MagicMarker.init(L) // 动画Marker
    // CanvasIcon.init(L) // 使用canvas绘制Marker

    // CustomPopup.init(L)
    // DashFlow.DashFlow(L)
    // CustomPopup.init(L) // 自定义弹出框
    // DashFlow.DashFlow(L) // 流动线图
    // Leaflet扩展代码

    map = L.map(div, MapConfig.mapOptions)
    DashFlow.DashFlow(L, map)
    commonLayerLoad = new CommonLayerLoad()
    const blueMap = commonLayerLoad.loadBlueMap()
    // const imgMapm = commonLayerLoad.loadImgMapm()
    // const imgMapa = commonLayerLoad.loadImgMapa()
    // L.layerGroup([normalMapm, normalMapa]).addTo(map)
    baseMapGroup = L.layerGroup([blueMap]).addTo(map)
    getToken()

    
    // getToken()
    // L.control.scale({ maxWidth: 200, metric: true, imperial: false }).addTo(map)
    // L.control.layers(SgisConfig.baseLayers, SgisConfig.overlayLayers, { position: 'bottomright' }).addTo(map)
    // 加载国界和铁路
    const nationalBoundaries = commonLayerLoad.loadGuoJie()
    const railWay = commonLayerLoad.loadRailWay()
    nationalBoundaries.addTo(map)
    railWay.addTo(map)

    window.map = map
    window.L = L

@@ -52,18 +46,19 @@
    return { map: map, L: L }
}

let getToken = () => {
    let params = MapConfig.TokenConfig
    AjaxUtils.GetDataAsynByUrl(params.url, params.option, function(token) {
        showTdt(token)
    })
}
let showTdt = (token) => {
    const imgMapm = commonLayerLoad.loadIntranetImgMap(token)
    const imgMapa = commonLayerLoad.loadIntranetImgMapCia(token)
    baseMapGroup.addLayer(imgMapm)
    baseMapGroup.addLayer(imgMapa)
}
// let getToken = () => {
//     let params = MapConfig.TokenConfig
//     AjaxUtils.GetDataAsynByUrl(params.url, params.option, function(token) {
//         showTdt(token)
//     })
// }
// let showTdt = (token) => {
//     const imgMapm = commonLayerLoad.loadIntranetImgMap(token)
//     const imgMapa = commonLayerLoad.loadIntranetImgMapCia(token)
//     baseMapGroup.addLayer(imgMapm)
//     baseMapGroup.addLayer(imgMapa)
// }

/**
 * 瓦片底图初始化
 * @param map
@@ -72,6 +67,18 @@
    // todo 这里进行底图地图的初始化
    var basemapHelper = new BasemapHelper(map, L)
    return basemapHelper
}

const initTileLayers = (map, L) => {
    // DashFlow.DashFlow(L, map)
    commonLayerLoad = new CommonLayerLoad()
    // const blueMap = commonLayerLoad.loadBlueMap()
    // baseMapGroup = L.layerGroup([blueMap]).addTo(map)

    const imgMapm = commonLayerLoad.loadImgMapm()
    const imgMapa = commonLayerLoad.loadImgMapa()
    
    L.layerGroup([imgMapm, imgMapa]).addTo(map)
}

/**
@@ -85,7 +92,7 @@
 * @param obj { name: 'trackPlayer', ref: this.$refs.trackPlayer }  组件的名称 和 组件的引用
 * @param loadMethodNames
 */
const initLayers = (map, L, obj, env) => {
const initVectorLayers = (map, L, obj, env) => {
    // todo 这里进行地图的初始化
    var vectorLayerHelper = new VectorLayerHelper(map, L, env)
    if (obj != null) {
@@ -100,5 +107,6 @@
export default {
    initMap,
    initBasemaps,
    initLayers
    initTileLayers,
    initVectorLayers
}