配置图层线、面顺序

徐旺旺

2021-05-21 022e02466285107b4d7c47a22d672dbce7a2de29

 src/Sgis.js

@@ -1,107 +1,65 @@
import * as L from 'leaflet'
import BasemapHelper from '@components/helpers/BasemapHelper'
import VectorLayerHelper from '@components/helpers/VectorLayerHelper'
// 初始化显示
import MapConfig from './conf/MapConfig'
import '@components/plugin/PathDashFlow' // 流动线图
import DownLoad from './components/plugin/DownLoad'
// 测量
import '@components/plugin/leaflet-measure-path/leaflet-measure-path'

// 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 './components/plugin/Leaflet.GridLayer.FadeOut' // 瓦片图层切换淡入淡出
import './components/plugin/leaflet-canvas-markers' // 画布marker
import './components/plugin/Editable' // 标绘操作
import './components/plugin/MagicMarker' // 动画Marker
import './assets/css/map/magic.min.css' // 动画Marker css
import '@/components/plugin/magicMarker.css'
import '@components/plugin/pulse/Pulse' // marker 外圈波
import '@components/plugin/pulse/Pulse.css' // marker 外圈波 css
import BasemapHelper from './components/helpers/BasemapHelper'
import VectorLayerHelper from './components/helpers/VectorLayerHelper'
// import '@/components/plugin/flowline'
// import eventBus from './eventBus'

import MapConfig from '@/conf/MapConfig'
import CommonLayerLoad from '@components/mapmodules/CommonLayerLoad'
// import DashFlow from '@components/plugin/PathDashFlow'
// import AjaxUtils from '@/utils/AjaxUtils'
let map = null
// let baseMapGroup = null
let commonLayerLoad = null
const initMap = (div) => {
    if (map != null) {
        map.remove()
        // baseMapGroup = null
        commonLayerLoad = null
    }
const L = window.L
const initMap = (div, mapOption) => {
  if (map != null) {
    map.remove()
  }
  DownLoad.init(L)
  const option = mapOption || MapConfig.mapOptions
  map = L.map(div, option)

    // Editable.init(L)
    // PathDrag.init(L)
    // MagicMarker.init(L)
    // CanvasIcon.init(L)
  // eventBus.$emit('map-obj', map)

    // CustomPopup.init(L)
    // DashFlow.DashFlow(L)
    map = L.map(div, MapConfig.mapOptions)
    // DashFlow.DashFlow(L, map)
    commonLayerLoad = new CommonLayerLoad()
    // const blueMap = commonLayerLoad.loadBlueMap()
    // baseMapGroup = L.layerGroup([blueMap]).addTo(map)
  window.map = map
  window.L = L

    const imgMapm = commonLayerLoad.loadImgMapm()
    const imgMapa = commonLayerLoad.loadImgMapa()
    
    L.layerGroup([imgMapm, imgMapa]).addTo(map)
    
    // 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

    // showLngLat()
    return { map: map, L: L }
  return map
}

// 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
 * @param L
 */
const initBasemaps = (map, L) => {
    // todo 这里进行底图地图的初始化
    var basemapHelper = new BasemapHelper(map, L)
    return basemapHelper
const initBasemapsHelper = (map) => {
  // todo 这里进行底图地图的初始化
  console.log(map)
  return new BasemapHelper({ map })
}

/**
 * 矢量地图初始化
 * @param map
 */
/**
 *
 * @param map
 * @param L
 * @param obj { name: 'trackPlayer', ref: this.$refs.trackPlayer }  组件的名称 和 组件的引用
 * @param loadMethodNames
 */
const initLayers = (map, L, obj, env) => {
    // todo 这里进行地图的初始化
    var vectorLayerHelper = new VectorLayerHelper(map, L, env)
    if (obj != null) {
        vectorLayerHelper.setVueRef(obj.name, obj.ref)
    }
    // let loadMethodNames = ['dock', 'petro', 'fillingStation', 'storeHouse', 'productOil', 'transDisplay', 'ship', 'train', 'warningCar', 'trackQuery', 'weather']
    vectorLayerHelper.initVectorLayers()
    window.vectorLayerHelper = vectorLayerHelper
    return vectorLayerHelper
const initVectorLayersHelper = (map) => {
  // todo 这里进行地图的初始化
  window.vectorLayerHelper = new VectorLayerHelper({ map })
  return window.vectorLayerHelper
}

export default {
    initMap,
    initBasemaps,
    initLayers
  initMap,
  initBasemapsHelper,
  initVectorLayersHelper
}