vue-openlayers-plugin 1.0.35 → 1.0.37

package/lib/{index-d683decb.mjs → index-5e089533.mjs}

@@ -464048,6 +464048,189 @@ class TileSuperMapRestHandler extends BaseLayer$2 {
     }
   }
 }
+const _TiandituLayerHandler = class _TiandituLayerHandler extends BaseLayer$2 {
+  createLayer() {
+    const source = this.createTiandituSource();
+    const tileLayer = new TileLayer$2({
+      source,
+      className: this.config.cssClass || this.config.className || void 0
+    });
+    return tileLayer;
+  }
+  /**
+   * 创建天地图XYZ数据源
+   */
+  createTiandituSource() {
+    const url = this.processUrl(this.config.url || "");
+    const xyzOptions = {
+      url,
+      crossOrigin: "anonymous",
+      // 天地图默认使用EPSG:4326投影
+      projection: get$b("EPSG:4326")
+    };
+    if (this.config.projection) {
+      const projection2 = get$b(this.config.projection);
+      if (projection2) {
+        xyzOptions.projection = projection2;
+      }
+    }
+    return new XYZ$3(xyzOptions);
+  }
+  /**
+   * 处理天地图URL，自动转换为代理URL或处理CORS问题
+   */
+  processUrl(originalUrl) {
+    if (!originalUrl) {
+      throw new Error("天地图URL不能为空");
+    }
+    if (!this.isTiandituUrl(originalUrl)) {
+      console.warn("URL不是天地图服务URL，将直接使用原始URL");
+      return originalUrl;
+    }
+    if (this.isDevelopmentMode()) {
+      return this.convertToProxyUrl(originalUrl);
+    }
+    return originalUrl;
+  }
+  /**
+   * 检查是否是天地图URL
+   */
+  isTiandituUrl(url) {
+    return _TiandituLayerHandler.TIANDITU_DOMAINS.some(
+      (domain) => url.includes(domain)
+    );
+  }
+  /**
+   * 检查是否是开发模式
+   */
+  isDevelopmentMode() {
+    return process.env.NODE_ENV === "development" || window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+  }
+  /**
+   * 将天地图URL转换为代理URL
+   */
+  convertToProxyUrl(originalUrl) {
+    const urlObj = new URL(originalUrl);
+    const pathParts = urlObj.pathname.split("/");
+    const serviceType = pathParts.find(
+      (part) => Object.values(_TiandituLayerHandler.TIANDITU_SERVICES).includes(part)
+    );
+    if (!serviceType) {
+      console.warn("无法识别天地图服务类型，使用默认代理路径");
+      return `/api/tianditu${urlObj.pathname}${urlObj.search}`;
+    }
+    const proxyPath = `/api/tianditu/${serviceType}/wmts`;
+    const queryString = urlObj.search;
+    return `${proxyPath}${queryString}`;
+  }
+  /**
+   * 获取天地图服务类型
+   */
+  getServiceType() {
+    if (!this.config.url)
+      return null;
+    const urlObj = new URL(this.config.url);
+    const pathParts = urlObj.pathname.split("/");
+    return pathParts.find(
+      (part) => Object.values(_TiandituLayerHandler.TIANDITU_SERVICES).includes(part)
+    ) || null;
+  }
+  /**
+   * 设置天地图密钥
+   */
+  setTiandituKey(key) {
+    if (!this.config.url)
+      return;
+    const urlObj = new URL(this.config.url);
+    urlObj.searchParams.set("tk", key);
+    this.config.url = urlObj.toString();
+    this.layer = null;
+  }
+  /**
+   * 获取天地图密钥
+   */
+  getTiandituKey() {
+    if (!this.config.url)
+      return null;
+    const urlObj = new URL(this.config.url);
+    return urlObj.searchParams.get("tk");
+  }
+  /**
+   * 设置URL
+   */
+  setUrl(url) {
+    this.config.url = url;
+    const layer2 = this.getLayer();
+    const source = layer2.getSource();
+    if (source) {
+      const processedUrl = this.processUrl(url);
+      source.setUrl(processedUrl);
+    }
+  }
+  /**
+   * 刷新图层
+   */
+  refresh() {
+    const layer2 = this.getLayer();
+    const source = layer2.getSource();
+    if (source) {
+      source.refresh();
+    }
+  }
+  /**
+   * 获取支持的天地图服务类型
+   */
+  static getSupportedServices() {
+    return { ..._TiandituLayerHandler.TIANDITU_SERVICES };
+  }
+  /**
+   * 获取天地图域名列表
+   */
+  static getTiandituDomains() {
+    return [..._TiandituLayerHandler.TIANDITU_DOMAINS];
+  }
+  /**
+   * 创建标准天地图URL
+   */
+  static createTiandituUrl(serviceType, options = {}) {
+    const {
+      tk = "YOUR_TIANDITU_KEY",
+      domain = "t{0-7}.tianditu.gov.cn",
+      format: format2 = "tiles",
+      style = "default"
+    } = options;
+    const service = _TiandituLayerHandler.TIANDITU_SERVICES[serviceType];
+    if (!service) {
+      throw new Error(`不支持的天地图服务类型: ${serviceType}`);
+    }
+    return `https://${domain}/${service}/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=${service}&STYLE=${style}&TILEMATRIXSET=w&FORMAT=image/png&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=${tk}`;
+  }
+};
+__publicField(_TiandituLayerHandler, "TIANDITU_DOMAINS", [
+  "t0.tianditu.gov.cn",
+  "t1.tianditu.gov.cn",
+  "t2.tianditu.gov.cn",
+  "t3.tianditu.gov.cn",
+  "t4.tianditu.gov.cn",
+  "t5.tianditu.gov.cn",
+  "t6.tianditu.gov.cn",
+  "t7.tianditu.gov.cn"
+]);
+__publicField(_TiandituLayerHandler, "TIANDITU_SERVICES", {
+  "img": "img_w",
+  // 卫星影像
+  "vec": "vec_w",
+  // 矢量地图
+  "cva": "cva_w",
+  // 矢量注记
+  "cia": "cia_w",
+  // 影像注记
+  "ter": "ter_w",
+  // 地形图
+  "cta": "cta_w"
+  // 地形注记
+});
+let TiandituLayerHandler = _TiandituLayerHandler;
 class CanvasLayerHandler extends BaseLayer$2 {
   constructor() {
     super(...arguments);
@@ -464485,8 +464668,13 @@ const _LayerFactory = class _LayerFactory {
     this.layerHandlers.set("tilesupermaprest", TileSuperMapRestHandler);
     this.layerHandlers.set("osm", TileLayerHandler);
     this.layerHandlers.set("xyz", TileLayerHandler);
-    this.layerHandlers.set("tianditu-img", TileLayerHandler);
-    this.layerHandlers.set("tianditu-vec", TileLayerHandler);
+    this.layerHandlers.set("tianditu", TiandituLayerHandler);
+    this.layerHandlers.set("tianditu-img", TiandituLayerHandler);
+    this.layerHandlers.set("tianditu-vec", TiandituLayerHandler);
+    this.layerHandlers.set("tianditu-cva", TiandituLayerHandler);
+    this.layerHandlers.set("tianditu-cia", TiandituLayerHandler);
+    this.layerHandlers.set("tianditu-ter", TiandituLayerHandler);
+    this.layerHandlers.set("tianditu-cta", TiandituLayerHandler);
     this.layerHandlers.set("gaode-img", TileLayerHandler);
     this.layerHandlers.set("gaode-vec", TileLayerHandler);
     this.layerHandlers.set("baidu-img", TileLayerHandler);
@@ -464629,10 +464817,12 @@ class LayerManager {
     __publicField(this, "map");
     __publicField(this, "layerHandlers", /* @__PURE__ */ new Map());
     __publicField(this, "layerConfigs", /* @__PURE__ */ new Map());
-    // 存储未加载的图层配置（仅配置，未创建实例）
+    // 用于存储未加载的图层配置
     __publicField(this, "pendingLayerConfigs", /* @__PURE__ */ new Map());
     __publicField(this, "eventBus");
     __publicField(this, "storage");
+    // 存储baseLayers配置，用于判断图层是否为底图
+    __publicField(this, "baseLayerIds", /* @__PURE__ */ new Set());
     this.map = map2;
     this.eventBus = eventBus;
     this.storage = storage2;
@@ -464659,6 +464849,9 @@ class LayerManager {
       if (fullConfig.type === "group" && fullConfig.children) {
         return this.addLayerGroup(fullConfig);
       }
+      if (fullConfig.visible && this.isBasemapLayer(layerId)) {
+        await this.hideOtherBasemapsOnInit(layerId);
+      }
       if (fullConfig.visible) {
         const handler = layerFactory.createLayerHandler(fullConfig);
         handler.setMap(this.map);
@@ -464825,8 +465018,8 @@ class LayerManager {
           const childFullConfig = {
             ...childConfig,
             id: childLayerId,
-            visible: childConfig.visible ?? (groupConfig.visible ?? false),
-            // 确保默认为false
+            visible: groupConfig.visible ?? false,
+            // 子图层的可见性完全跟随组图层
             opacity: childConfig.opacity ?? groupConfig.opacity
           };
           if (this.addLayer(childFullConfig)) {
@@ -464918,11 +465111,32 @@ class LayerManager {
   getLayerHandler(layerId) {
     return this.layerHandlers.get(layerId);
   }
+  /**
+   * 设置底图图层ID列表（用于底图互斥判断）
+   */
+  setBaseLayerIds(baseLayerIds) {
+    this.baseLayerIds = new Set(baseLayerIds);
+    console.log("LayerManager: 设置底图ID列表:", Array.from(this.baseLayerIds));
+  }
+  /**
+   * 判断图层是否为底图
+   */
+  isBasemapLayer(layerId) {
+    return this.baseLayerIds.has(layerId);
+  }
   /**
    * 设置图层可见性（支持按需加载）
    */
   async setLayerVisible(layerId, visible) {
     try {
+      let config = this.layerConfigs.get(layerId) || this.pendingLayerConfigs.get(layerId);
+      if (!config) {
+        console.warn(`图层配置不存在: ${layerId}`);
+        return false;
+      }
+      if (config.type === "group" && config.children) {
+        return await this.setGroupLayerVisible(layerId, visible);
+      }
       if (visible && !this.layerHandlers.has(layerId)) {
         const loaded = await this.loadLayerOnDemand(layerId);
         if (!loaded) {
@@ -464931,8 +465145,10 @@ class LayerManager {
         }
       }
       const handler = this.layerHandlers.get(layerId);
-      let config = this.layerConfigs.get(layerId) || this.pendingLayerConfigs.get(layerId);
       if (handler && config) {
+        if (visible && this.isBasemapLayer(layerId)) {
+          await this.hideOtherBasemaps(layerId);
+        }
         handler.setVisible(visible);
         config.visible = visible;
         this.saveLayerConfigs();
@@ -464966,6 +465182,95 @@ class LayerManager {
       return false;
     }
   }
+  /**
+   * 设置组图层的可见性（同时控制所有子图层）
+   */
+  async setGroupLayerVisible(groupLayerId, visible) {
+    try {
+      const groupConfig = this.layerConfigs.get(groupLayerId) || this.pendingLayerConfigs.get(groupLayerId);
+      if (!groupConfig || !groupConfig.children) {
+        console.warn(`组图层配置不存在或无子图层: ${groupLayerId}`);
+        return false;
+      }
+      if (visible && this.isBasemapLayer(groupLayerId)) {
+        await this.hideOtherBasemaps(groupLayerId);
+      }
+      groupConfig.visible = visible;
+      const results = [];
+      for (const childConfig of groupConfig.children) {
+        if (childConfig.id) {
+          const result = await this.setLayerVisible(childConfig.id, visible);
+          results.push(result);
+        }
+      }
+      this.saveLayerConfigs();
+      this.eventBus.emit("layer-visibility-changed", {
+        layerId: groupLayerId,
+        visible,
+        layerName: groupConfig.name,
+        layerType: groupConfig.type
+      });
+      console.log(`组图层 ${groupLayerId} (${groupConfig.name}) 可见性设置为: ${visible}`);
+      return results.every((result) => result);
+    } catch (error2) {
+      console.error("设置组图层可见性失败:", error2);
+      return false;
+    }
+  }
+  /**
+   * 隐藏除指定底图外的其他底图（底图互斥逻辑）
+   */
+  async hideOtherBasemaps(currentBasemapId) {
+    try {
+      const allConfigs = [...this.layerConfigs.values(), ...this.pendingLayerConfigs.values()];
+      const basemapConfigs = allConfigs.filter(
+        (config) => this.isBasemapLayer(config.id) && config.id !== currentBasemapId
+      );
+      for (const config of basemapConfigs) {
+        if (config.visible) {
+          const handler = this.layerHandlers.get(config.id);
+          if (handler) {
+            handler.setVisible(false);
+          }
+          config.visible = false;
+          if (this.pendingLayerConfigs.has(config.id)) {
+            this.pendingLayerConfigs.set(config.id, config);
+          }
+          console.log(`底图互斥：隐藏底图 ${config.id} (${config.name})`);
+        }
+      }
+      console.log(`底图互斥：显示底图 ${currentBasemapId}`);
+    } catch (error2) {
+      console.error("底图互斥处理失败:", error2);
+    }
+  }
+  /**
+   * 初始化时的底图互斥处理（处理配置中多个底图都设置为visible的情况）
+   */
+  async hideOtherBasemapsOnInit(currentBasemapId) {
+    try {
+      const allConfigs = [...this.layerConfigs.values(), ...this.pendingLayerConfigs.values()];
+      const basemapConfigs = allConfigs.filter(
+        (config) => this.isBasemapLayer(config.id) && config.id !== currentBasemapId && config.visible
+      );
+      for (const config of basemapConfigs) {
+        const handler = this.layerHandlers.get(config.id);
+        if (handler) {
+          handler.setVisible(false);
+        }
+        config.visible = false;
+        if (this.pendingLayerConfigs.has(config.id)) {
+          this.pendingLayerConfigs.set(config.id, config);
+        }
+        console.log(`初始化底图互斥：隐藏底图 ${config.id} (${config.name})`);
+      }
+      if (basemapConfigs.length > 0) {
+        console.log(`初始化底图互斥：保留底图 ${currentBasemapId} 为可见状态`);
+      }
+    } catch (error2) {
+      console.error("初始化底图互斥处理失败:", error2);
+    }
+  }
   /**
    * 设置图层透明度
    */
@@ -476285,7 +476590,11 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
       try {
         const configLayers = getAllConfigLayers();
-        const baseLayers = configLayers.filter((layer2) => layer2.isBasemap === true);
+        if (config.value.baseLayers && config.value.baseLayers.length > 0) {
+          const baseLayerIds = config.value.baseLayers.map((layer2) => layer2.id);
+          layerManager.value.setBaseLayerIds(baseLayerIds);
+        }
+        const baseLayers = config.value.baseLayers || [];
         if (baseLayers.length > 0) {
           let lastVisibleBaseLayerIndex = -1;
           for (let i = baseLayers.length - 1; i >= 0; i--) {
@@ -476816,7 +477125,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6929b38c"]]);
+const LayerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c66f28f2"]]);
 const _hoisted_1$4 = {
   key: 2,
   class: "tooltip-content"
@@ -487898,7 +488207,7 @@ function(t3) {
  */
 function(t3) {
   function e8() {
-    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-9e1aa406.mjs")).catch(function(t4) {
+    return (n.canvg ? Promise.resolve(n.canvg) : import("./index.es-943e7a9a.mjs")).catch(function(t4) {
       return Promise.reject(new Error("Could not load canvg: " + t4));
     }).then(function(t4) {
       return t4.default ? t4.default : t4;

package/lib/{index.es-9e1aa406.mjs → index.es-943e7a9a.mjs}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, R as RGBColor, r as requestAnimationFrame, _ as _asyncToGenerator, a as _, p as processCanvasRGBA, b as _defineProperty } from "./index-d683decb.mjs";
+import { c as commonjsGlobal, R as RGBColor, r as requestAnimationFrame, _ as _asyncToGenerator, a as _, p as processCanvasRGBA, b as _defineProperty } from "./index-5e089533.mjs";
 import "vue";
 import "ol";
 var check = function(it) {

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-import { z, B, d, C, D, a2, a3, u, y, I, H, Z, $, L, J, K, a4, h, M, a0, a1, X, Y, U, W, Q, S, P, A, F, G, N, O, e, T, E, V, x, j, o, t, f, k, g, w, q, m, n, a5, i, s, l, v } from "./index-d683decb.mjs";
+import { z, B, d, C, D, a2, a3, u, y, I, H, Z, $, L, J, K, a4, h, M, a0, a1, X, Y, U, W, Q, S, P, A, F, G, N, O, e, T, E, V, x, j, o, t, f, k, g, w, q, m, n, a5, i, s, l, v } from "./index-5e089533.mjs";
 import "vue";
 import "ol";
 export {