From 1ba44459ed390fbcb4b05dea06923e4df99d3acc Mon Sep 17 00:00:00 2001
From: wangrui <zephyrs0894@163.com>
Date: 星期三, 23 十二月 2020 15:06:11 +0800
Subject: [PATCH] basemap图层控制ui
---
src/components/helpers/ServiceLayerHelper.js | 109 +++++++++++++++++++++++++++---------------------------
1 files changed, 55 insertions(+), 54 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index c815807..3da6b7b 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -22,32 +22,38 @@
this._loadLayers(mapConfig)
}
+ /**
+ * 鎸夐厤缃枃浠跺姞杞戒笁绉嶄笉鍚岀被鍨嬬殑
+ * @param {*} mapConfig
+ * @param {*} isAddToMap
+ */
_loadLayers(mapConfig, isAddToMap = true){
console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�',mapConfig)
- this.loadTileLayer(mapConfig, isAddToMap)
- this.loadWmtsLayer(mapConfig, isAddToMap)
- this.loadWmtsLayer(mapConfig, isAddToMap)
+ for(let i = 0, len = mapConfig.mapConfig.ServiceLayers.length; i < len; ++i) {
+ let opt = mapConfig.mapConfig.ServiceLayers[i]
+ if(opt.type === 'wmts') {
+ this.loadWmtsLayer(opt, isAddToMap)
+ }else if(opt.type === 'wms') {
+ this.loadWmsLayer(opt, isAddToMap)
+ }else if(opt.type === 'tile') {
+ this.loadTileLayer(opt, isAddToMap)
+ }
+ }
}
/**
- * 寰�鍦板浘涓姞鍏ヤ竴涓猼ile鏈嶅姟
+ * 寰�鍦板浘涓姞鍏ヤ竴涓猈MTS鏈嶅姟
* @param {}} options
* @param {*} isAddToMap
*/
loadWmtsLayer(options, isAddToMap = true) {
- for(let i = 0, len = options.mapConfig.ServiceLayers.length; i < len; ++i) {
- let opt = options.mapConfig.ServiceLayers[i]
- if(opt.type !== 'wmts') {
- continue
- }
- const layer = this.L.tileLayer(opt.url, opt.option);
-
- if(isAddToMap) {
- layer.addTo(this.map)
- }
- this.tileLayersMap.set(opt.code, layer)
- this.tileLayersArray.push(layer)
+ const layer = this.L.tileLayer(options.url, options.option);
+
+ if(isAddToMap) {
+ layer.addTo(this.map)
}
+ this.tileLayersMap.set(options.code, layer)
+ this.tileLayersArray.push(layer)
}
/**
* 寰�鍦板浘涓姞鍏ヤ竴涓猈MS鏈嶅姟
@@ -55,62 +61,57 @@
* @param {*} isAddToMap
*/
loadWmsLayer(options, isAddToMap = true) {
- for(let i = 0, len = options.mapConfig.ServiceLayers.length; i < len; ++i) {
- let opt = options.mapConfig.ServiceLayers[i]
- if(opt.type !== 'wms') {
- continue
- }
-
- const layer =this.L.tileLayer.wms(opt.url, opt.option);
-
- if(isAddToMap) {
- layer.addTo(this.map)
- }
- this.tileLayersMap.set(opt.code, layer)
- this.tileLayersArray.push(layer)
+ const layer =this.L.tileLayer.wms(options.url, options.option);
+
+ if(isAddToMap) {
+ layer.addTo(this.map)
}
-
+ this.tileLayersMap.set(options.code, layer)
+ this.tileLayersArray.push(layer)
}
/**
- * 寰�鍦板浘涓姞鍏ヤ竴涓猈MS鏈嶅姟
+ * 寰�鍦板浘涓姞鍏ヤ竴涓猅ILE鏈嶅姟
* @param {}} options
* @param {*} isAddToMap
*/
loadTileLayer(options, isAddToMap = true) {
- for(let i = 0, len = options.mapConfig.ServiceLayers.length; i < len; ++i) {
- let opt = options.mapConfig.ServiceLayers[i]
- if(opt.type !== 'tile') {
- continue
- }
-
- const layer =this.L.tileLayer(opt.url, {
- layers: opt.layers || 'all',//country
- format: opt.format || "image/png",
- transparent: opt.true || true,
- crs:opt.crs || L.CRS.EPSG4326,
- maxZoom: opt.maxZoom || 21,
- minZoom: opt.minZoom || 1,
- zoomOffset: opt.zoomOffset || 0
- });
-
- if(isAddToMap) {
- layer.addTo(this.map)
- }
- this.tileLayersMap.set(opt.code , layer)
- this.tileLayersArray.push(layer)
+ const layer =this.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.set(options.code , layer)
+ this.tileLayersArray.push(layer)
}
/**
* 闅愯棌鏈嶅姟鍥惧眰
* @param {*} name
*/
- hideTileLayer(name){
+ hideTileLayer(code){
if(this.tileLayersMap){
- let tileLayer = this.tileLayersMap.get(name)
+ let tileLayer = this.tileLayersMap.get(code)
this.map.removeLayer(tileLayer)
}
}
+ /**
+ * 灞曠ず鏈嶅姟鍥惧眰
+ * @param {*} name
+ */
+ showTileLayer(code){
+ if(this.tileLayersMap){
+ let tileLayer = this.tileLayersMap.get(code)
+ this.map.addLayer(tileLayer)
+ }
+ }
/**
* 鑾峰彇鎵�鏈夌殑鏈嶅姟鍥惧眰
--
Gitblit v1.8.0