From 9214e796ec771f4a8ca653eb6e9c92c403744cee Mon Sep 17 00:00:00 2001 From: yangdelong <828900aaa> Date: 星期六, 29 五月 2021 18:37:56 +0800 Subject: [PATCH] 企业应急-事件处置-事件信息页面 --- src/Sgis.js | 100 +++++++++++++++++++++---------------------------- 1 files changed, 43 insertions(+), 57 deletions(-) diff --git a/src/Sgis.js b/src/Sgis.js index d8b2ffd..6e9dd2b 100644 --- a/src/Sgis.js +++ b/src/Sgis.js @@ -1,64 +1,52 @@ -import * as L from 'leaflet' -import BasemapHelper from '@components/helpers/BasemapHelper' -import VectorLayerHelper from '@components/helpers/VectorLayerHelper' -import ServiceLayerHelper from '@components/helpers/ServiceLayerHelper' +// 鍒濆鍖栨樉绀� +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 WmtsSupport from '@components/plugin/wmts_plugins' 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 MapConfig from '@/conf/MapConfig' -import DashFlow from '@components/plugin/PathDashFlow' +import '@/components/plugin/leaflet-echart' +// import '@/components/plugin/flowline' +// import eventBus from './eventBus' + let map = null -// let baseMapGroup = null -const initMap = (div) => { - if (map != null) { - map.remove() - } +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) - // Leaflet鎵╁睍浠g爜 - 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鎵╁睍浠g爜 + // eventBus.$emit('map-obj', map) - map = L.map(div, MapConfig.mapOptions) + window.map = map + window.L = L - map.on('click', (event, a, b) => { - console.log(event, a, b) - }) - - window.map = map - window.L = L - - return { map: map, L: L } + return map } - /** * 鍩虹搴曞浘鍒濆鍖� * @param map * @param L */ -const initBasemapsHelper = (map, L) => { - // todo 杩欓噷杩涜搴曞浘鍦板浘鐨勫垵濮嬪寲 - var basemapHelper = new BasemapHelper({map, L}) - return basemapHelper -} -/** - * 涓氬姟搴曞浘鍒濆鍖� - * @param map - * @param L - */ -const initTileLayersHelper = (map, L) => { - let serviceLayerHelper = new ServiceLayerHelper({map, L}) - return serviceLayerHelper +const initBasemapsHelper = (map) => { + // todo 杩欓噷杩涜搴曞浘鍦板浘鐨勫垵濮嬪寲 + console.log(map) + return new BasemapHelper({ map }) } /** @@ -66,16 +54,14 @@ * @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, + initVectorLayersHelper } -- Gitblit v1.8.0