From b89ad0355f2d466304ecc2dad86407e26aa69db4 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 22 二月 2021 18:37:47 +0800
Subject: [PATCH] 修改图层控制
---
src/components/helpers/BasemapHelper.js | 113 +++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 94 insertions(+), 19 deletions(-)
diff --git a/src/components/helpers/BasemapHelper.js b/src/components/helpers/BasemapHelper.js
index d608cf8..9b29e4e 100644
--- a/src/components/helpers/BasemapHelper.js
+++ b/src/components/helpers/BasemapHelper.js
@@ -1,58 +1,133 @@
+/* eslint-disable no-debugger */
+import AjaxUtils from '@/utils/AjaxUtils'
+
/**
* 搴曞浘绠＄悊鍔╂墜锛岃礋璐ｅ簳鍥惧垱寤哄強寮�鍏�
*/
-function BasemapHelper(map, L) {
- this.map = map
- this.L = L
+class BasemapHelper {
+ constructor (options) {
+ this.map = options.map
+ this.L = window.L
this.basemapList = []
+ this.basemapMap = new Map()
+ this.basemapLayerGroup = this.L.layerGroup().addTo(options.map)
+ }
/**
* 璇ユ柟娉曡礋璐ｅ悇绉嶅簳鍥惧姞杞藉埌鍦板浘涓�
* @param map
* @param defBasemapName 鍒濆鍖栧畬鎴愬悗锛岄粯璁ゆ樉绀虹殑鍥惧眰
*/
- this.initBasemap = (map, defBasemapName) => {
- console.log(map, defBasemapName)
- // todo 鍒涘缓瀹屼互鍚庯紝鎶婂浘灞傞兘鏀惧埌basemapList瀵硅薄淇濆瓨璧锋潵锛屾柟渚垮叾浠栨帴鍙ｈ皟鐢�
+ initBasemap = (config, isIntranet) => {
+ if (isIntranet) { // 鍐呯綉
+ this._getToken(config) // 鑾峰彇token鍚庯紝骞舵寜閰嶇疆鍔犺浇鍦板浘
+ } else { // 澶栫綉
+ this._createBasemapByConfig(config)
+ }
- return null
+ return this.basemapMap
}
/**
* 鑾峰彇鎵�鏈夌殑搴曞浘鍒楄〃
* @returns {null} 缁撴瀯锛歔{鍚嶇О, 鍥惧眰寮曠敤}]
*/
- this.getBasemapList = (map) => {
- console.log(map)
- return null
+ getBasemapList = () => {
+ return this.basemapList
}
/**
* 閫氳繃鍚嶇О鑾峰彇搴曞浘瀵硅薄
* @param map 缁撴瀯锛歔{鍚嶇О, 鍥惧眰寮曠敤}]
- * @param name 鍚嶇О
+ * @param code 鍚嶇О
*/
- this.getBasemap = (map, name) => {
- console.log(map, name)
+ getBasemap = (map, code) => {
+ return this.basemapMap.get(code)
}
/**
* 鏄剧ず鏌愪釜鍥惧眰
- * @param map 鍦板浘瀵硅薄
* @param layer 寰呮樉绀哄浘灞傚紩鐢�
* @param isHideOthers 鏄惁鍏堝叧闂叾浠栧浘灞傦紝榛樿鏄痶rue
*/
- this.showBasemap = (map, layer, isHideOthers) => {
- console.log(map, layer, isHideOthers)
+ showBasemap = (code, showAnnotation, isHideOthers = true) => {
+ const basemap = this.basemapMap.get(code)
+ if (isHideOthers) {
+ this.basemapLayerGroup.clearLayers()
+ }
+ this.basemapLayerGroup.addLayer(basemap.layer)
+ if (showAnnotation) {
+ this.basemapLayerGroup.addLayer(basemap.annotation)
+ }
}
/**
* 闅愯棌鏌愪釜鍥惧眰
- * @param map 鍦板浘瀵硅薄
* @param layer 寰呭叧闂浘灞傚紩鐢�
*/
- this.hideBasemap = (map, layer) => {
- console.log(map, layer)
+ hideBasemap = (code) => {
+ const basemap = this.basemapMap.get(code)
+ this.map.removeLayer(basemap.layer)
+ this.map.removeLayer(basemap.annotation)
+ }
+
+ // 鍏綉鍒涘缓鍦板浘閮ㄥ垎
+ _createBasemapByConfig (config) {
+ const internetBasemaps = config.mapConfig.InternetBaseMaps
+ for (let i = 0, len = internetBasemaps.length; i < len; ++i) {
+ const basemapConfig = internetBasemaps[i]
+ const basemapLayer = this.L.tileLayer(basemapConfig.map.url, basemapConfig.map.option)
+ const basemapAnnotationLayer = this.L.tileLayer(basemapConfig.annotation.url, basemapConfig.annotation.option)
+
+ const basemap = {
+ code: basemapConfig.code,
+ name: basemapConfig.name,
+ conf: basemapConfig,
+ layer: basemapLayer,
+ annotation: basemapAnnotationLayer
+ }
+
+ this.basemapList.push(basemap)
+ this.basemapMap.set(basemapConfig.code, basemap)
+ if (typeof basemapConfig.isAddToMap !== 'undefined' && basemapConfig.isAddToMap) {
+ this.basemapLayerGroup.addLayer(basemapLayer)
+ this.basemapLayerGroup.addLayer(basemapAnnotationLayer)
+ }
+ }
+ }
+
+ // 鍐呯綉鍦板浘鍒涘缓閮ㄥ垎
+ // 鑾峰彇鍐呯綉鍦板浘token锛屽苟鍔犺浇鍒板湴鍥句腑
+ _getToken = (config) => {
+ const params = config.TokenConfig
+ AjaxUtils.GetDataAsynByUrl(params.url, params.option, (token) => {
+ this._showTDT(token, config)
+ })
+ }
+
+ // 鍐呯綉鍦板浘鍔犺浇锛屽苟鍔犺浇鍒板湴鍥�
+ _showTDT = (token, config) => {
+ const intranetBasemaps = config.mapConfig.IntranetBaseMaps
+ for (let i = 0, len = intranetBasemaps.length; i < len; ++i) {
+ const basemapConfig = intranetBasemaps[i]
+ const basemapLayer = this.L.tileLayer(basemapConfig.map.url, basemapConfig.map.option)
+ const basemapAnnotationLayer = this.L.tileLayer(basemapConfig.annotation.url, basemapConfig.annotation.option)
+
+ const basemap = {
+ code: basemapConfig.code,
+ name: basemapConfig.name,
+ conf: basemapConfig,
+ layer: basemapLayer,
+ annotation: basemapAnnotationLayer
+ }
+
+ this.basemapList.push(basemap)
+ this.basemapMap.set(basemapConfig.code, basemap)
+ if (typeof basemapConfig.isAddToMap !== 'undefined' && basemapConfig.isAddToMap) {
+ this.basemapLayerGroup.addLayer(basemapLayer)
+ this.basemapLayerGroup.addLayer(basemapAnnotationLayer)
+ }
+ }
}
}
--
Gitblit v1.8.0