From b27e031827eae0f535d17bb20ff4809699151a17 Mon Sep 17 00:00:00 2001
From: YANGDL <114714267@qq.com>
Date: 星期一, 08 二月 2021 15:42:37 +0800
Subject: [PATCH] 修改了leaflet L加载模式 修改了使用less加载方式
---
src/components/helpers/ServiceLayerHelper.js | 214 ++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 146 insertions(+), 68 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index 2ca252a..c85d32b 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -1,85 +1,163 @@
+/* eslint-disable no-debugger */
/**
* 鍒涘缓鍥惧眰鐩稿叧鐨勭被
*/
-import L from 'leaflet'
+
class ServiceLayerHelper {
- constructor(options){
- this.map = options.map
- this.tileLayersMap = new Map()
- this.tileLayersArray = []
- }
+ constructor (options) {
+ this.map = options.map
+ this.L = window.L
+ this.tileLayersMap = new Map()
+ this.tileLayersWMSArray = []
+ this.tileLayerWmslayerGroup = this.L.layerGroup().addTo(this.map)
+ this.tileLayersWMTSArray = []
+ this.tileLayersTileArray = []
+ this.mapConfig = {}
+ }
- /**
- * 寰�鍦板浘涓姞鍏ヤ竴涓猼ile鏈嶅姟
- * @param {}} options
- * @param {*} isAddToMap
+ getTileLayer (code) {
+ return this.tileLayersMap.get(code)
+ }
+
+ /**
+ * 鏍规嵁閰嶇疆鏂囦欢鍒濆鍖栦笟鍔″簳鍥�
*/
- loadWmtsLayer(options, isAddToMap) {
- const layer =L.tileLayer.wmts(options.url, {
- layers: options.layers || 'all',//country
- format: options.format || "image/png",
- transparent: options.true || true,
- crs:options.crs || L.CRS.EPSG4326
- });
-
- if(isAddToMap) {
- layer.addTo(this.map)
- }
- this.tileLayersMap.put(options.name, layer)
- this.tileLayersArray.push(layer)
+ initServiceLayers (mapConfig) {
+ this.mapConfig = mapConfig
+ this._loadLayers(mapConfig)
+ }
+
+ /**
+ * 鎸夐厤缃枃浠跺姞杞戒笁绉嶄笉鍚岀被鍨嬬殑
+ * @param {*} mapConfig
+ * @param {*} isAddToMap
+ */
+ _loadLayers (mapConfig, isAddToMap = true) {
+ console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�', mapConfig)
+ for (let i = 0, len = mapConfig.mapConfig.ServiceLayers.length; i < len; ++i) {
+ const opt = mapConfig.mapConfig.ServiceLayers[i]
+ if (opt.type === 'wmts') {
+ this.loadWmtsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
+ } else if (opt.type === 'wms') {
+ this.loadWmsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
+ } else if (opt.type === 'tile') {
+ this.loadTileLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
+ }
}
- /**
+ }
+
+ /**
+ * 寰�鍦板浘涓姞鍏ヤ竴涓猈MTS鏈嶅姟
+ * @param {}} options
+ * @param {*} isAddToMap
+ */
+ loadWmtsLayer (options, isAddToMap = true, config) {
+ const layer = this.L.tileLayer(options.url, options.option)
+ layer.config = config
+
+ if (isAddToMap) {
+ layer.addTo(this.map)
+ }
+ this.tileLayersMap.set(options.code, layer)
+ this.tileLayersWMTSArray.push(layer)
+ }
+
+ /**
* 寰�鍦板浘涓姞鍏ヤ竴涓猈MS鏈嶅姟
- * @param {}} options
- * @param {*} isAddToMap
+ * @param {}} options
+ * @param {*} isAddToMap
*/
- loadWmsLayer(options, isAddToMap) {
- const layer =L.tileLayer.wms(options.url, {
- layers: options.layers || 'all',//country
- format: options.format || "image/png",
- transparent: options.true || true,
- crs:options.crs || L.CRS.EPSG4326
- });
-
- if(isAddToMap) {
- layer.addTo(this.map)
- }
- this.tileLayersMap.put(options.name, layer)
- this.tileLayersArray.push(layer)
- }
+ loadWmsLayer (options, isAddToMap = true, config) {
+ const layer = this.L.tileLayer.wms(options.url, options.option)
+ layer.config = config
- /**
- * 寰�鍦板浘涓姞鍏ヤ竴涓猈MS鏈嶅姟
- * @param {}} options
- * @param {*} isAddToMap
+ if (isAddToMap) {
+ layer.addTo(this.tileLayerWmslayerGroup)
+ }
+ this.tileLayersMap.set(options.code, layer)
+ this.tileLayersWMSArray.push(layer)
+ }
+
+ /**
+ * 寰�鍦板浘涓姞鍏ヤ竴涓猅ILE鏈嶅姟
+ * @param {}} options
+ * @param {*} isAddToMap
*/
- loadTileLayer(options, isAddToMap) {
- const layer =L.tileLayer(options.url, {
- layers: options.layers || 'all',//country
- format: options.format || "image/png",
- transparent: options.true || true,
- crs:options.crs || L.CRS.EPSG4326,
- maxZoom: options.maxZoom || 21,
- minZoom: options.minZoom || 1,
- zoomOffset: options.zoomOffset || 0
- });
-
- if(isAddToMap) {
- layer.addTo(this.map)
- }
- this.tileLayersMap.put(options.name, layer)
- this.tileLayersArray.push(layer)
- }
+ loadTileLayer (options, isAddToMap = true, config) {
+ const layer = this.L.tileLayer(options.url, {
+ layers: options.layers || 'all', // country
+ format: options.format || 'image/png',
+ transparent: options.true || true,
+ crs: options.crs || this.L.CRS.EPSG4326,
+ maxZoom: options.maxZoom || 21,
+ minZoom: options.minZoom || 1,
+ zoomOffset: options.zoomOffset || 0
+ })
+ layer.config = config
- hideTileLayer(name){
- if(this.tileLayersMap){
- let tileLayer = this.tileLayersMap.get(name)
- this.map.removeLayer(tileLayer)
- }
+ if (isAddToMap) {
+ layer.addTo(this.map)
}
+ this.tileLayersMap.set(options.code, layer)
+ this.tileLayersTileArray.push(layer)
+ }
- getTileLayers(){
- return this.tilelayersArray
+ /**
+ * 闅愯棌鏈嶅姟鍥惧眰
+ * @param {*} name
+ */
+ hideTileLayer (code) {
+ if (this.tileLayersMap) {
+ const tileLayer = this.tileLayersMap.get(code)
+ this.map.removeLayer(tileLayer)
}
+ }
+
+ /**
+ * 灞曠ず鏈嶅姟鍥惧眰
+ * @param {*} name
+ */
+ showTileLayer (code) {
+ if (this.tileLayersMap) {
+ const tileLayer = this.tileLayersMap.get(code)
+ this.map.addLayer(tileLayer)
+ }
+ }
+
+ /**
+ * 鑾峰彇鎵�鏈夌殑TILE鏈嶅姟鍥惧眰
+ */
+ getTileLayers () {
+ return this.tileLayersTileArray
+ }
+
+ /**
+ * 鑾峰彇鎵�鏈夌殑WMTS鏈嶅姟鍥惧眰
+ */
+ getWmtsLayers () {
+ return this.tileLayersWMTSArray
+ }
+
+ /**
+ * 鑾峰彇鎵�鏈夌殑WMS鏈嶅姟鍥惧眰
+ */
+ getWmsLayers () {
+ return this.tileLayersWMSArray
+ }
+
+ /**
+ * 閫氳繃code鏌ユ壘WMS鐨勬湇鍔￠厤缃�
+ * @param {} code wms鏈嶅姟閰嶇疆鐨刢ode
+ */
+ getWMSConfig (code) {
+ const mc = this.mapConfig
+ for (let i = 0, len = mc.mapConfig.ServiceLayers.length; i < len; ++i) {
+ if (code === mc.mapConfig.ServiceLayers[i].code && mc.mapConfig.ServiceLayers[i].type === 'wms') {
+ return mc.mapConfig.ServiceLayers[i]
+ }
+ }
+ return null
+ }
}
+
export default ServiceLayerHelper
--
Gitblit v1.8.0