优化逻辑

YANGDL

2021-01-05 8f015e4bfcd64305be602c4343abe2585e2d47da

优化逻辑

 src/App.vue

@@ -8,10 +8,18 @@

export default {
  name: 'App',
  mounted(){
  mounted () {
  }
}
</script>

<style>
html, body, #app{
  color: #2c3e50;
  height: 100vh;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>

 src/Sgis.js

@@ -15,30 +15,30 @@
let map = null
// let baseMapGroup = null
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
    WmtsSupport.init(L) // 扩展，使支持WMTS
    // CustomPopup.init(L) // 自定义弹出框
    DashFlow.DashFlow(L) // 流动线图
    // Leaflet扩展代码
  // Leaflet扩展代码
  Editable.init(L) // 图层编辑
  PathDrag.init(L) // 路径拖拽
  MagicMarker.init(L) // 动画Marker
  CanvasIcon.init(L) // 使用canvas绘制Marker
  WmtsSupport.init(L) // 扩展，使支持WMTS
  // CustomPopup.init(L) // 自定义弹出框
  DashFlow.DashFlow(L) // 流动线图
  // Leaflet扩展代码

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

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

    window.map = map
    window.L = L
  window.map = map
  window.L = L

    return { map: map, L: L }
  return { map: map, L: L }
}

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

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

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

 src/app.config.js

@@ -14,7 +14,6 @@
  homeRouterName: 'Home',
  loginRouteName: 'Login',
  routeMode: 'history',
  isProMACE: false,
  tagNavCache: false,
  defaultTheme: 'blue'
}

 src/conf/MapConfig.js

@@ -19,9 +19,8 @@

// 几何类型常量
const GEOM_POINT = 'POINT'
const GEOM_POLYLINE = 'POLYLINE'
const GEOM_POLYGON = 'POLYGON'
console.log(GEOM_POINT, GEOM_POLYLINE, GEOM_POLYGON)
// const GEOM_POLYLINE = 'POLYLINE'
// const GEOM_POLYGON = 'POLYGON'

const mapOptions = {
  crs: L.CRS.EPSG4326,

 src/router/routes.js

@@ -9,7 +9,6 @@
 * }
 */
// 默认跳转路由
import App from '../App'
import PipeLineIndex from '../views/baseInfoMgr/pipeline/PipeLineIndex'
import MapTemplate from '../views/MapTemplate'

@@ -17,7 +16,7 @@
export const routes = [{
  path: '/',
  name: 'Main',
  component: App,
  component: MapTemplate,
  redirect: '/home',
  children: [{
    path: 'home',