From fcfa31314ffe78f75e9dcfbef4c376d3cebf1359 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 28 十二月 2020 15:51:57 +0800
Subject: [PATCH] 图层控制
---
src/components/helpers/ServiceLayerHelper.js | 83 +++++++++++++++++++++++------------------
1 files changed, 47 insertions(+), 36 deletions(-)
diff --git a/src/components/helpers/ServiceLayerHelper.js b/src/components/helpers/ServiceLayerHelper.js
index b571d98..21573a9 100644
--- a/src/components/helpers/ServiceLayerHelper.js
+++ b/src/components/helpers/ServiceLayerHelper.js
@@ -3,8 +3,9 @@
* 鍒涘缓鍥惧眰鐩稿叧鐨勭被
*/
import L from 'leaflet'
+
class ServiceLayerHelper {
- constructor(options){
+ constructor(options) {
this.map = options.map
this.L = options.L
this.tileLayersMap = new Map()
@@ -14,28 +15,32 @@
this.mapConfig = {}
}
+ getTileLayer(code) {
+ return this.tileLayersMap.get(code)
+ }
+
/**
* 鏍规嵁閰嶇疆鏂囦欢鍒濆鍖栦笟鍔″簳鍥�
*/
- initServiceLayers(mapConfig){
+ initServiceLayers(mapConfig) {
this.mapConfig = mapConfig
this._loadLayers(mapConfig)
}
/**
* 鎸夐厤缃枃浠跺姞杞戒笁绉嶄笉鍚岀被鍨嬬殑
- * @param {*} mapConfig
- * @param {*} isAddToMap
+ * @param {*} mapConfig
+ * @param {*} isAddToMap
*/
- _loadLayers(mapConfig, isAddToMap = true){
- console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�',mapConfig)
- for(let i = 0, len = mapConfig.mapConfig.ServiceLayers.length; i < len; ++i) {
+ _loadLayers(mapConfig, isAddToMap = true) {
+ console.debug('ServiceLayerHelper鍔犺浇鍙傛暟锛�', mapConfig)
+ for (let i = 0, len = mapConfig.mapConfig.ServiceLayers.length; i < len; ++i) {
let opt = mapConfig.mapConfig.ServiceLayers[i]
- if(opt.type === 'wmts') {
+ if (opt.type === 'wmts') {
this.loadWmtsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
- }else if(opt.type === 'wms') {
+ } else if (opt.type === 'wms') {
this.loadWmsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
- }else if(opt.type === 'tile') {
+ } else if (opt.type === 'tile') {
this.loadTileLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
}
}
@@ -43,29 +48,30 @@
/**
* 寰�鍦板浘涓姞鍏ヤ竴涓猈MTS鏈嶅姟
- * @param {}} options
- * @param {*} isAddToMap
+ * @param {}} options
+ * @param {*} isAddToMap
*/
loadWmtsLayer(options, isAddToMap = true, config) {
const layer = this.L.tileLayer(options.url, options.option);
layer.config = config
-
- if(isAddToMap) {
+
+ 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 = true, config) {
- const layer =this.L.tileLayer.wms(options.url, options.option);
+ const layer = this.L.tileLayer.wms(options.url, options.option);
layer.config = config
- if(isAddToMap) {
+ if (isAddToMap) {
layer.addTo(this.map)
}
this.tileLayersMap.set(options.code, layer)
@@ -74,11 +80,11 @@
/**
* 寰�鍦板浘涓姞鍏ヤ竴涓猅ILE鏈嶅姟
- * @param {}} options
- * @param {*} isAddToMap
+ * @param {}} options
+ * @param {*} isAddToMap
*/
loadTileLayer(options, isAddToMap = true, config) {
- const layer =this.L.tileLayer(options.url, {
+ const layer = this.L.tileLayer(options.url, {
layers: options.layers || 'all',//country
format: options.format || "image/png",
transparent: options.true || true,
@@ -88,29 +94,31 @@
zoomOffset: options.zoomOffset || 0
});
layer.config = config
-
- if(isAddToMap) {
+
+ if (isAddToMap) {
layer.addTo(this.map)
}
- this.tileLayersMap.set(options.code , layer)
+ this.tileLayersMap.set(options.code, layer)
this.tileLayersTileArray.push(layer)
}
+
/**
* 闅愯棌鏈嶅姟鍥惧眰
- * @param {*} name
+ * @param {*} name
*/
- hideTileLayer(code){
- if(this.tileLayersMap){
+ hideTileLayer(code) {
+ if (this.tileLayersMap) {
let tileLayer = this.tileLayersMap.get(code)
this.map.removeLayer(tileLayer)
}
}
+
/**
* 灞曠ず鏈嶅姟鍥惧眰
- * @param {*} name
+ * @param {*} name
*/
- showTileLayer(code){
- if(this.tileLayersMap){
+ showTileLayer(code) {
+ if (this.tileLayersMap) {
let tileLayer = this.tileLayersMap.get(code)
this.map.addLayer(tileLayer)
}
@@ -119,19 +127,21 @@
/**
* 鑾峰彇鎵�鏈夌殑TILE鏈嶅姟鍥惧眰
*/
- getTileLayers(){
+ getTileLayers() {
return this.tileLayersTileArray
}
+
/**
* 鑾峰彇鎵�鏈夌殑WMTS鏈嶅姟鍥惧眰
*/
- getWmtsLayers(){
+ getWmtsLayers() {
return this.tileLayersWMTSArray
}
+
/**
* 鑾峰彇鎵�鏈夌殑WMS鏈嶅姟鍥惧眰
*/
- getWmsLayers(){
+ getWmsLayers() {
return this.tileLayersWMSArray
}
@@ -139,14 +149,15 @@
* 閫氳繃code鏌ユ壘WMS鐨勬湇鍔￠厤缃�
* @param {} code wms鏈嶅姟閰嶇疆鐨刢ode
*/
- getWMSConfig(code){
+ getWMSConfig(code) {
let 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'){
+ 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