vue-openlayers-plugin 1.0.82 → 1.0.85

package/lib/BasemapPanel-3f78db9f.mjs

@@ -0,0 +1,280 @@
+import { defineComponent, inject, computed, ref, watch, onMounted, onUnmounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
+import { l as layerEventBus } from "./index-5a13e877.mjs";
+import "ol";
+const _hoisted_1 = { class: "basemap-content" };
+const _hoisted_2 = { class: "basemap-grid" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "basemap-preview" };
+const _hoisted_5 = ["src", "alt"];
+const _hoisted_6 = { class: "basemap-name" };
+const tdtImgUrl = "";
+const tdtVecUrl = "";
+const gaodeImgUrl = "";
+const gaodeVecUrl = "";
+const bdImgUrl = "";
+const bdVecUrl = "";
+const tencentImgUrl = "";
+const tencentVecUrl = "";
+const osmUrl = "";
+const customBlueUrl = "";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BasemapPanel",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const layerPanelConfig = inject("layerPanelConfig", { baseLayers: [] });
+    const visible = computed({
+      get: () => props.modelValue,
+      set: (value) => {
+        if (!value) {
+          emit("update:modelValue", false);
+        }
+      }
+    });
+    const getInitialSelectedBasemap = () => {
+      var _a;
+      if (((_a = layerPanelConfig.value) == null ? void 0 : _a.baseLayers) && layerPanelConfig.value.baseLayers.length > 0) {
+        let lastVisibleBasemap = null;
+        for (let i = layerPanelConfig.value.baseLayers.length - 1; i >= 0; i--) {
+          const layer = layerPanelConfig.value.baseLayers[i];
+          if (layer.visible === true) {
+            lastVisibleBasemap = layer.id;
+            break;
+          }
+        }
+        if (lastVisibleBasemap) {
+          return lastVisibleBasemap;
+        }
+      }
+      return null;
+    };
+    const selectedBasemap = ref(getInitialSelectedBasemap());
+    const handleClose = () => {
+      emit("update:modelValue", false);
+    };
+    const handleBasemapChanged = (event) => {
+      console.log("BasemapPanel: 收到底图切换事件，同步UI状态", event);
+      if (selectedBasemap.value !== event.basemapId) {
+        selectedBasemap.value = event.basemapId;
+      }
+    };
+    watch(
+      () => layerPanelConfig.value,
+      () => {
+        const newSelectedBasemap = getInitialSelectedBasemap();
+        if (selectedBasemap.value !== newSelectedBasemap) {
+          selectedBasemap.value = newSelectedBasemap;
+        }
+      },
+      { deep: true, immediate: false }
+    );
+    watch(
+      () => selectedBasemap.value,
+      (newValue, oldValue) => {
+        console.log("BasemapPanel: selectedBasemap changed from", oldValue, "to", newValue);
+      }
+    );
+    onMounted(() => {
+      layerEventBus.on("basemap-changed", handleBasemapChanged);
+    });
+    onUnmounted(() => {
+      layerEventBus.off("basemap-changed", handleBasemapChanged);
+    });
+    const defaultBasemaps = [
+      {
+        id: "tianditu-img",
+        name: "天地图卫星",
+        type: "tianditu-img",
+        thumbnail: tdtImgUrl
+      },
+      {
+        id: "tianditu-vec",
+        name: "天地图矢量",
+        type: "tianditu-vec",
+        thumbnail: tdtVecUrl
+      },
+      {
+        id: "gaode-img",
+        name: "高德卫星",
+        type: "gaode-img",
+        thumbnail: gaodeImgUrl
+      },
+      {
+        id: "gaode-vec",
+        name: "高德矢量",
+        type: "gaode-vec",
+        thumbnail: gaodeVecUrl
+      },
+      {
+        id: "baidu-img",
+        name: "百度影像",
+        type: "baidu-img",
+        thumbnail: bdImgUrl
+      },
+      {
+        id: "baidu-vec",
+        name: "百度矢量",
+        type: "baidu-vec",
+        thumbnail: bdVecUrl
+      },
+      {
+        id: "tencent-img",
+        name: "腾讯影像",
+        type: "tencent-img",
+        thumbnail: tencentImgUrl
+      },
+      {
+        id: "tencent-vec",
+        name: "腾讯矢量",
+        type: "tencent-vec",
+        thumbnail: tencentVecUrl
+      },
+      {
+        id: "osm",
+        name: "OpenStreetMap",
+        type: "osm",
+        thumbnail: osmUrl
+      },
+      {
+        id: "custom-blue",
+        name: "自定义蓝色",
+        type: "custom",
+        thumbnail: customBlueUrl,
+        url: "https://your-custom-tile-server/{z}/{x}/{y}.png"
+      }
+    ];
+    const displayBasemaps = computed(() => {
+      var _a;
+      if (((_a = layerPanelConfig.value) == null ? void 0 : _a.baseLayers) && layerPanelConfig.value.baseLayers.length > 0) {
+        return layerPanelConfig.value.baseLayers.map((layer) => ({
+          id: layer.id,
+          name: layer.name,
+          type: layer.type,
+          url: layer.url,
+          visible: layer.visible,
+          opacity: layer.opacity,
+          attribution: layer.attribution,
+          maxZoom: layer.maxZoom,
+          thumbnail: getBasemapThumbnail(layer.type, layer.id, layer)
+        }));
+      }
+      return defaultBasemaps;
+    });
+    const getBasemapThumbnail = (type, id, layer) => {
+      if (layer && layer.thumbnail) {
+        return layer.thumbnail;
+      }
+      const typeMap = {
+        "osm": osmUrl,
+        "OSM": osmUrl,
+        "XYZ": tdtImgUrl,
+        "tianditu": tdtImgUrl,
+        "tianditu-img": tdtImgUrl,
+        "tianditu-vec": tdtVecUrl,
+        "gaode": gaodeImgUrl,
+        "gaode-img": gaodeImgUrl,
+        "gaode-vec": gaodeVecUrl,
+        "baidu": bdImgUrl,
+        "baidu-img": bdImgUrl,
+        "baidu-vec": bdVecUrl,
+        "tencent": tencentImgUrl,
+        "tencent-img": tencentImgUrl,
+        "tencent-vec": tencentVecUrl,
+        "custom": customBlueUrl
+      };
+      if (typeMap[type]) {
+        return typeMap[type];
+      }
+      if (id.includes("vec") || id.includes("vector")) {
+        return tdtVecUrl;
+      }
+      if (id.includes("img") || id.includes("imagery")) {
+        return tdtImgUrl;
+      }
+      if (id.includes("osm")) {
+        return osmUrl;
+      }
+      if (id.includes("gaode")) {
+        return id.includes("vec") ? gaodeVecUrl : gaodeImgUrl;
+      }
+      if (id.includes("baidu") || id.includes("bd")) {
+        return id.includes("vec") ? bdVecUrl : bdImgUrl;
+      }
+      if (id.includes("tencent")) {
+        return id.includes("vec") ? tencentVecUrl : tencentImgUrl;
+      }
+      return tdtImgUrl;
+    };
+    const selectBasemap = (basemap) => {
+      const wasSelected = selectedBasemap.value === basemap.id;
+      selectedBasemap.value = wasSelected ? null : basemap.id;
+      if (wasSelected) {
+        layerEventBus.emit("basemap-switch-request", {
+          basemapId: basemap.id,
+          basemapName: basemap.name,
+          basemapType: basemap.type,
+          basemapConfig: null
+          // 传递null表示关闭底图
+        });
+        console.log("BasemapPanel: 请求关闭底图:", basemap.name);
+      } else {
+        layerEventBus.emit("basemap-switch-request", {
+          basemapId: basemap.id,
+          basemapName: basemap.name,
+          basemapType: basemap.type,
+          basemapConfig: basemap
+        });
+        console.log("BasemapPanel: 请求切换底图到:", basemap.name);
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_EPlusDialog = resolveComponent("EPlusDialog");
+      return openBlock(), createBlock(_component_EPlusDialog, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: "底图选择",
+        width: "400px",
+        height: "500px",
+        "show-modal": false,
+        draggable: true,
+        resizable: true,
+        "show-close": true,
+        cacheId: "basemap-dialog",
+        position: "right",
+        class: "basemap-dialog",
+        onClose: handleClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(displayBasemaps.value, (basemap) => {
+                return openBlock(), createElementBlock("div", {
+                  key: basemap.id,
+                  class: normalizeClass(["basemap-item", { active: selectedBasemap.value === basemap.id }]),
+                  onClick: ($event) => selectBasemap(basemap)
+                }, [
+                  createElementVNode("div", _hoisted_4, [
+                    createElementVNode("img", {
+                      src: basemap.thumbnail,
+                      alt: basemap.name,
+                      loading: "lazy"
+                    }, null, 8, _hoisted_5)
+                  ]),
+                  createElementVNode("div", _hoisted_6, toDisplayString(basemap.name), 1)
+                ], 10, _hoisted_3);
+              }), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/lib/CoordinateLocationDialog-d265fbae.mjs

@@ -0,0 +1,263 @@
+import { defineComponent, inject, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
+import { T as TooltipHelper } from "./index-5a13e877.mjs";
+import "ol";
+const _hoisted_1 = { class: "coordinate-content" };
+const _hoisted_2 = { class: "format-selection" };
+const _hoisted_3 = { class: "format-options" };
+const _hoisted_4 = { class: "coordinate-input" };
+const _hoisted_5 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CoordinateLocationDialog",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const measurementToolRef = inject("measurementTool");
+    const measurementTool = computed(() => measurementToolRef == null ? void 0 : measurementToolRef.value);
+    const mapOperationToolRef = inject("mapOperationTool");
+    const mapOperationTool = computed(() => mapOperationToolRef == null ? void 0 : mapOperationToolRef.value);
+    const mapRef = inject("map");
+    const map = computed(() => mapRef == null ? void 0 : mapRef.value);
+    let tooltipHelper = null;
+    const dialogVisible = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
+    const selectedFormat = ref("decimal");
+    const coordinateForm = reactive({
+      longitude: "116.709805",
+      latitude: "39.926296"
+    });
+    ref(null);
+    const decimalToDMS = (decimal) => {
+      const degrees = Math.floor(Math.abs(decimal));
+      const minutes = Math.floor((Math.abs(decimal) - degrees) * 60);
+      const seconds = ((Math.abs(decimal) - degrees) * 60 - minutes) * 60;
+      const direction = decimal >= 0 ? "" : "-";
+      return `${direction}${degrees}°${minutes}'${seconds.toFixed(2)}"`;
+    };
+    const dmsToDecimal = (dms) => {
+      const regex = /(-?)(\d+)°(\d+)'([\d.]+)"/;
+      const match = dms.match(regex);
+      if (!match)
+        return 0;
+      const [, sign, degrees, minutes, seconds] = match;
+      const decimal = parseInt(degrees) + parseInt(minutes) / 60 + parseFloat(seconds) / 3600;
+      return sign === "-" ? -decimal : decimal;
+    };
+    const onFormatChange = () => {
+      console.log("坐标格式变化:", selectedFormat.value);
+      updateCoordinateDisplay();
+    };
+    const updateCoordinateDisplay = () => {
+      if (!coordinateForm.longitude || !coordinateForm.latitude)
+        return;
+      const lng = parseFloat(coordinateForm.longitude);
+      const lat = parseFloat(coordinateForm.latitude);
+      if (isNaN(lng) || isNaN(lat))
+        return;
+      if (selectedFormat.value === "dms") {
+        if (!coordinateForm.longitude.includes("°")) {
+          coordinateForm.longitude = decimalToDMS(lng);
+          coordinateForm.latitude = decimalToDMS(lat);
+        }
+      } else {
+        if (coordinateForm.longitude.includes("°")) {
+          coordinateForm.longitude = dmsToDecimal(coordinateForm.longitude).toFixed(6);
+          coordinateForm.latitude = dmsToDecimal(coordinateForm.latitude).toFixed(6);
+        }
+      }
+    };
+    const getCurrentLocation = () => {
+      if (!measurementTool.value) {
+        console.warn("measurementTool未初始化");
+        console.warn("测量工具未初始化");
+        return;
+      }
+      if (!map.value) {
+        console.warn("地图对象未初始化");
+        console.warn("地图未初始化");
+        return;
+      }
+      console.log("开始图上拾取坐标");
+      console.log("请在地图上点击选择位置");
+      if (!tooltipHelper) {
+        tooltipHelper = new TooltipHelper(map.value);
+      }
+      tooltipHelper.showTooltip("点击地图获取坐标信息");
+      measurementTool.value.startCoordinateMeasurement((result) => {
+        if (result && result.longitude && result.latitude) {
+          setPickedCoordinate(parseFloat(result.longitude), parseFloat(result.latitude));
+          if (tooltipHelper) {
+            tooltipHelper.hideTooltip();
+          }
+        }
+      });
+    };
+    const setPickedCoordinate = (longitude, latitude) => {
+      if (selectedFormat.value === "decimal") {
+        coordinateForm.longitude = longitude.toFixed(6);
+        coordinateForm.latitude = latitude.toFixed(6);
+      } else {
+        coordinateForm.longitude = decimalToDMS(longitude);
+        coordinateForm.latitude = decimalToDMS(latitude);
+      }
+      console.log("坐标已获取");
+    };
+    const locateOnMap = () => {
+      if (!coordinateForm.longitude || !coordinateForm.latitude) {
+        console.warn("请输入经纬度坐标");
+        return;
+      }
+      if (!mapOperationTool.value) {
+        console.warn("地图操作工具未初始化");
+        return;
+      }
+      let longitude;
+      let latitude;
+      try {
+        if (selectedFormat.value === "dms") {
+          longitude = dmsToDecimal(coordinateForm.longitude);
+          latitude = dmsToDecimal(coordinateForm.latitude);
+        } else {
+          longitude = parseFloat(coordinateForm.longitude);
+          latitude = parseFloat(coordinateForm.latitude);
+        }
+        if (isNaN(longitude) || isNaN(latitude)) {
+          console.error("坐标格式不正确");
+          return;
+        }
+        console.log("定位到坐标:", { longitude, latitude });
+        mapOperationTool.value.locateToCoordinate(longitude, latitude);
+      } catch (error) {
+        console.error("坐标解析失败");
+      }
+    };
+    const handleClose = () => {
+      if (measurementTool.value) {
+        measurementTool.value.clearMeasurements();
+      }
+      if (tooltipHelper) {
+        tooltipHelper.destroy();
+        tooltipHelper = null;
+      }
+      dialogVisible.value = false;
+    };
+    __expose({
+      setPickedCoordinate
+    });
+    return (_ctx, _cache) => {
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_EPlusDialog = resolveComponent("EPlusDialog");
+      return openBlock(), createBlock(_component_EPlusDialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+        title: "坐标拾取",
+        width: "450px",
+        onClose: handleClose,
+        cacheId: "coordinate-dialog",
+        "show-modal": false,
+        class: "coordinate-dialog"
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_5, [
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: getCurrentLocation
+            }, {
+              default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                createTextVNode(" 图上拾取 ", -1)
+              ])]),
+              _: 1
+            }),
+            createVNode(_component_el_button, {
+              type: "success",
+              onClick: locateOnMap
+            }, {
+              default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                createTextVNode(" 坐标定位 ", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              _cache[6] || (_cache[6] = createElementVNode("div", { class: "format-title" }, "坐标格式", -1)),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(_component_el_radio_group, {
+                  modelValue: selectedFormat.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedFormat.value = $event),
+                  onChange: onFormatChange
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio, { value: "decimal" }, {
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createTextVNode("十进制", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio, { value: "dms" }, {
+                      default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                        createTextVNode("度分秒", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(_component_el_form, {
+                model: coordinateForm,
+                "label-width": "60px"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_form_item, { label: "经度:" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: coordinateForm.longitude,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => coordinateForm.longitude = $event),
+                        placeholder: "请输入经度",
+                        type: selectedFormat.value === "decimal" ? "number" : "text",
+                        step: selectedFormat.value === "decimal" ? "0.000001" : void 0
+                      }, null, 8, ["modelValue", "type", "step"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "纬度:" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: coordinateForm.latitude,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => coordinateForm.latitude = $event),
+                        placeholder: "请输入纬度",
+                        type: selectedFormat.value === "decimal" ? "number" : "text",
+                        step: selectedFormat.value === "decimal" ? "0.000001" : void 0
+                      }, null, 8, ["modelValue", "type", "step"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/lib/FilterPanel-136dc7d8.mjs

@@ -0,0 +1,6 @@
+import { a1 as _sfc_main } from "./index-5a13e877.mjs";
+import "vue";
+import "ol";
+export {
+  _sfc_main as default
+};

package/lib/LayerPanel-58997ef0.mjs

@@ -0,0 +1,6 @@
+import { h as _sfc_main } from "./index-5a13e877.mjs";
+import "vue";
+import "ol";
+export {
+  _sfc_main as default
+};

package/lib/MapPrintDialog-6ed0e095.mjs

@@ -0,0 +1,6 @@
+import { e as _sfc_main } from "./index-5a13e877.mjs";
+import "vue";
+import "ol";
+export {
+  _sfc_main as default
+};