添加工具栏功能

chenzeping

2021-03-08 17e7836b1d0a7bd1a51d44ae071a88423a9f9370

 src/Sgis.js

@@ -1,38 +1,45 @@
import * as L from 'leaflet'
import BasemapHelper from '@components/helpers/BasemapHelper'
import VectorLayerHelper from '@components/helpers/VectorLayerHelper'
import ServiceLayerHelper from '@components/helpers/ServiceLayerHelper'

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 WmtsSupport from '@components/plugin/wmts_plugins'

import MapConfig from '@/conf/MapConfig'
import DashFlow from '@components/plugin/PathDashFlow'
import CanvasMarkers from '@components/plugin/CanvasMarkers'
import FullScreen from '@components/plugin/FullScreen'

let map = null
// let baseMapGroup = null
const L = window.L
const initMap = (div) => {
    if (map != null) {
        map.remove()
    }
  if (map != null) {
    map.remove()
  }

    // Leaflet扩展代码
    Editable.init(L) // 图层编辑
    PathDrag.init(L) // 路径拖拽
    MagicMarker.init(L) // 动画Marker
    CanvasIcon.init(L) // 使用canvas绘制Marker
    // CustomPopup.init(L) // 自定义弹出框
    DashFlow.DashFlow(L) // 流动线图
    // Leaflet扩展代码
  // Leaflet扩展代码
  Editable.init(L) // 图层编辑
  PathDrag.init(L) // 路径拖拽
  MagicMarker.init(L) // 动画Marker
  WmtsSupport.init(L) // 扩展，使支持WMTS
  // CustomPopup.init(L) // 自定义弹出框
  DashFlow.DashFlow(L) // 流动线图
  CanvasMarkers.init(L)// 画布图层
  // Leaflet扩展代码
  // 全屏
  FullScreen.init(L)

    map = L.map(div, MapConfig.mapOptions)
  map = L.map(div, MapConfig.mapOptions)

    window.map = map
    window.L = L
  map.on('click', (event, a, b) => {
    console.log(event, a, b)
  })

    return { map: map, L: L }
  window.map = map
  initTileLayersHelper(map)
  return map
}

/**
@@ -40,19 +47,18 @@
 * @param map
 * @param L
 */
const initBasemapsHelper = (map, L) => {
    // todo 这里进行底图地图的初始化
    var basemapHelper = new BasemapHelper({map, L})
    return basemapHelper
const initBasemapsHelper = (map) => {
  // todo 这里进行底图地图的初始化
  return new BasemapHelper({ map })
}
/**
 * 业务底图初始化
 * @param map
 * @param L
 */
const initTileLayersHelper = (map, L) => {
    let serviceLayerHelper = new ServiceLayerHelper({map, L})
    return serviceLayerHelper
const initTileLayersHelper = (map) => {
  var serviceLayerHelper = new ServiceLayerHelper({ map })
  return serviceLayerHelper
}

/**
@@ -60,16 +66,15 @@
 * @param map
 * @param L
 */
const initVectorLayersHelper = (map, L) => {
    // todo 这里进行地图的初始化
    var vectorLayerHelper = new VectorLayerHelper({map, L})
    window.vectorLayerHelper = vectorLayerHelper
    return vectorLayerHelper
const initVectorLayersHelper = (map) => {
  // todo 这里进行地图的初始化
  window.vectorLayerHelper = new VectorLayerHelper({ map })
  return window.vectorLayerHelper
}

export default {
    initMap,
    initBasemapsHelper,
    initTileLayersHelper,
    initVectorLayersHelper
  initMap,
  initBasemapsHelper,
  initTileLayersHelper,
  initVectorLayersHelper
}