vue-openlayers-plugin 1.0.82 → 1.0.84

package/lib/ViewBookmarksDialog-107a29d1.mjs

@@ -0,0 +1,723 @@
+import { defineComponent, computed, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, createElementBlock, Fragment, renderList, withModifiers, toDisplayString, createCommentVNode } from "vue";
+import { i as plus_default, j as folder_opened_default, k as download_default, m as delete_default, s as search_default, q as camera_default, v as view_default, o as edit_default, u as location_default, z as zoom_in_default } from "./index-6f94a7fa.mjs";
+import { E as ElMessageBox } from "./index-91e9a4e6.mjs";
+import "ol";
+const _hoisted_1 = { class: "bookmarks-content" };
+const _hoisted_2 = { class: "toolbar" };
+const _hoisted_3 = { class: "search-filter" };
+const _hoisted_4 = { class: "bookmarks-grid" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "bookmark-thumbnail" };
+const _hoisted_7 = { class: "thumbnail-placeholder" };
+const _hoisted_8 = { class: "bookmark-overlay" };
+const _hoisted_9 = { class: "bookmark-info" };
+const _hoisted_10 = { class: "bookmark-title" };
+const _hoisted_11 = { class: "bookmark-meta" };
+const _hoisted_12 = { class: "use-count" };
+const _hoisted_13 = { class: "bookmark-description" };
+const _hoisted_14 = { class: "bookmark-details" };
+const _hoisted_15 = { class: "detail-item" };
+const _hoisted_16 = { class: "detail-item" };
+const _hoisted_17 = { class: "bookmark-time" };
+const _hoisted_18 = {
+  key: 0,
+  class: "empty-state"
+};
+const _hoisted_19 = {
+  key: 1,
+  class: "statistics"
+};
+const _hoisted_20 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ViewBookmarksDialog",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue", "bookmark-action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dialogVisible = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
+    const searchKeyword = ref("");
+    const filterCategory = ref("");
+    const sortBy = ref("createTime");
+    const bookmarks = ref([
+      {
+        id: "1",
+        name: "北京市中心",
+        category: "城市",
+        description: "北京市中心区域视角",
+        center: [116.407526, 39.90403],
+        zoom: 12,
+        rotation: 0,
+        useCount: 5,
+        createTime: /* @__PURE__ */ new Date("2024-01-15")
+      },
+      {
+        id: "2",
+        name: "上海外滩",
+        category: "景点",
+        description: "上海外滩全景视角",
+        center: [121.485, 31.235],
+        zoom: 15,
+        rotation: 45,
+        useCount: 3,
+        createTime: /* @__PURE__ */ new Date("2024-01-20")
+      }
+    ]);
+    const showBookmarkForm = ref(false);
+    const editingIndex = ref(-1);
+    const bookmarkForm = reactive({
+      name: "",
+      category: "默认",
+      description: "",
+      centerLon: 116.407526,
+      centerLat: 39.90403,
+      zoom: 10,
+      rotation: 0
+    });
+    const categories = computed(() => {
+      const cats = [...new Set(bookmarks.value.map((b) => b.category))];
+      return cats.filter((cat) => cat);
+    });
+    const filteredBookmarks = computed(() => {
+      let result = bookmarks.value;
+      if (searchKeyword.value) {
+        const keyword = searchKeyword.value.toLowerCase();
+        result = result.filter(
+          (bookmark) => bookmark.name.toLowerCase().includes(keyword) || bookmark.description.toLowerCase().includes(keyword)
+        );
+      }
+      if (filterCategory.value) {
+        result = result.filter((bookmark) => bookmark.category === filterCategory.value);
+      }
+      result.sort((a, b) => {
+        switch (sortBy.value) {
+          case "name":
+            return a.name.localeCompare(b.name);
+          case "useCount":
+            return b.useCount - a.useCount;
+          case "createTime":
+          default:
+            return new Date(b.createTime).getTime() - new Date(a.createTime).getTime();
+        }
+      });
+      return result;
+    });
+    const todayCount = computed(() => {
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(0, 0, 0, 0);
+      return bookmarks.value.filter((bookmark) => bookmark.createTime >= today).length;
+    });
+    const totalUseCount = computed(() => {
+      return bookmarks.value.reduce((total, bookmark) => total + bookmark.useCount, 0);
+    });
+    const handleSearch = () => {
+    };
+    const showAddBookmark = () => {
+      editingIndex.value = -1;
+      Object.assign(bookmarkForm, {
+        name: "",
+        category: "默认",
+        description: "",
+        centerLon: 116.407526,
+        centerLat: 39.90403,
+        zoom: 10,
+        rotation: 0
+      });
+      showBookmarkForm.value = true;
+    };
+    const editBookmark = (bookmark, index) => {
+      editingIndex.value = index;
+      Object.assign(bookmarkForm, {
+        name: bookmark.name,
+        category: bookmark.category,
+        description: bookmark.description,
+        centerLon: bookmark.center[0],
+        centerLat: bookmark.center[1],
+        zoom: bookmark.zoom,
+        rotation: bookmark.rotation
+      });
+      showBookmarkForm.value = true;
+    };
+    const saveBookmark = () => {
+      if (!bookmarkForm.name.trim()) {
+        console.error("请输入书签名称");
+        return;
+      }
+      const bookmarkData = {
+        id: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].id : Date.now().toString(),
+        name: bookmarkForm.name,
+        category: bookmarkForm.category || "默认",
+        description: bookmarkForm.description,
+        center: [Number(bookmarkForm.centerLon), Number(bookmarkForm.centerLat)],
+        zoom: bookmarkForm.zoom,
+        rotation: bookmarkForm.rotation,
+        useCount: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].useCount : 0,
+        createTime: editingIndex.value >= 0 ? bookmarks.value[editingIndex.value].createTime : /* @__PURE__ */ new Date()
+      };
+      if (editingIndex.value >= 0) {
+        bookmarks.value[editingIndex.value] = bookmarkData;
+        console.log("书签更新成功");
+      } else {
+        bookmarks.value.push(bookmarkData);
+        console.log("书签保存成功");
+      }
+      emit("bookmark-action", {
+        action: editingIndex.value >= 0 ? "update" : "add",
+        bookmark: bookmarkData
+      });
+      showBookmarkForm.value = false;
+    };
+    const applyBookmark = (bookmark) => {
+      bookmark.useCount++;
+      emit("bookmark-action", {
+        action: "apply",
+        bookmark
+      });
+      console.log(`已应用视角: ${bookmark.name}`);
+    };
+    const deleteBookmark = (index) => {
+      ElMessageBox.confirm(
+        "确定要删除这个书签吗？",
+        "确认删除",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      ).then(() => {
+        const bookmark = bookmarks.value[index];
+        bookmarks.value.splice(index, 1);
+        emit("bookmark-action", {
+          action: "delete",
+          bookmark
+        });
+        console.log("书签删除成功");
+      }).catch(() => {
+      });
+    };
+    const clearAllBookmarks = () => {
+      ElMessageBox.confirm(
+        "确定要清空所有书签吗？此操作不可恢复！",
+        "确认清空",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      ).then(() => {
+        bookmarks.value = [];
+        emit("bookmark-action", {
+          action: "clear"
+        });
+        console.log("已清空所有书签");
+      }).catch(() => {
+      });
+    };
+    const importBookmarks = () => {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = ".json";
+      input.onchange = (e) => {
+        var _a;
+        const file = (_a = e.target.files) == null ? void 0 : _a[0];
+        if (file) {
+          const reader = new FileReader();
+          reader.onload = (e2) => {
+            var _a2;
+            try {
+              const data = JSON.parse((_a2 = e2.target) == null ? void 0 : _a2.result);
+              if (Array.isArray(data)) {
+                bookmarks.value = data.map((item) => ({
+                  ...item,
+                  createTime: new Date(item.createTime)
+                }));
+                console.log(`成功导入${data.length}个书签`);
+              } else {
+                console.error("文件格式不正确");
+              }
+            } catch (error) {
+              console.error("文件解析失败");
+            }
+          };
+          reader.readAsText(file);
+        }
+      };
+      input.click();
+    };
+    const exportBookmarks = () => {
+      if (bookmarks.value.length === 0) {
+        console.warn("没有书签可以导出");
+        return;
+      }
+      const data = JSON.stringify(bookmarks.value, null, 2);
+      const blob = new Blob([data], { type: "application/json" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `view_bookmarks_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`;
+      a.click();
+      URL.revokeObjectURL(url);
+      console.log("书签导出成功");
+    };
+    const formatTime = (time) => {
+      return new Date(time).toLocaleDateString();
+    };
+    const handleClose = () => {
+      dialogVisible.value = false;
+      searchKeyword.value = "";
+      filterCategory.value = "";
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button_group = resolveComponent("el-button-group");
+      const _component_el_tag = resolveComponent("el-tag");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_statistic = resolveComponent("el-statistic");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_slider = resolveComponent("el-slider");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_EPlusDialog = resolveComponent("EPlusDialog");
+      return openBlock(), createBlock(_component_EPlusDialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => dialogVisible.value = $event),
+        title: "视角书签",
+        width: "700px",
+        "before-close": handleClose,
+        "show-modal": false,
+        cacheId: "bookmarks-dialog",
+        class: "bookmarks-dialog"
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_20, [
+            createVNode(_component_el_button, { onClick: handleClose }, {
+              default: withCtx(() => [..._cache[23] || (_cache[23] = [
+                createTextVNode("关闭", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_component_el_button, {
+                type: "primary",
+                icon: unref(plus_default),
+                onClick: showAddBookmark
+              }, {
+                default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                  createTextVNode(" 保存当前视角 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"]),
+              createVNode(_component_el_button, {
+                icon: unref(folder_opened_default),
+                onClick: importBookmarks
+              }, {
+                default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                  createTextVNode(" 导入书签 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"]),
+              createVNode(_component_el_button, {
+                icon: unref(download_default),
+                onClick: exportBookmarks
+              }, {
+                default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                  createTextVNode(" 导出书签 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"]),
+              createVNode(_component_el_button, {
+                icon: unref(delete_default),
+                onClick: clearAllBookmarks,
+                disabled: bookmarks.value.length === 0
+              }, {
+                default: withCtx(() => [..._cache[16] || (_cache[16] = [
+                  createTextVNode(" 清空全部 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon", "disabled"])
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(_component_el_input, {
+                modelValue: searchKeyword.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchKeyword.value = $event),
+                placeholder: "搜索书签名称或描述...",
+                "prefix-icon": unref(search_default),
+                clearable: "",
+                onInput: handleSearch,
+                style: { "width": "300px" }
+              }, null, 8, ["modelValue", "prefix-icon"]),
+              createVNode(_component_el_select, {
+                modelValue: filterCategory.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filterCategory.value = $event),
+                placeholder: "筛选分类",
+                clearable: "",
+                style: { "width": "120px", "margin-left": "10px" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_option, {
+                    label: "全部",
+                    value: ""
+                  }),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(categories.value, (category) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: category,
+                      label: category,
+                      value: category
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              createVNode(_component_el_select, {
+                modelValue: sortBy.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sortBy.value = $event),
+                placeholder: "排序方式",
+                style: { "width": "120px", "margin-left": "10px" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_option, {
+                    label: "创建时间",
+                    value: "createTime"
+                  }),
+                  createVNode(_component_el_option, {
+                    label: "名称",
+                    value: "name"
+                  }),
+                  createVNode(_component_el_option, {
+                    label: "使用次数",
+                    value: "useCount"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(filteredBookmarks.value, (bookmark, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: bookmark.id,
+                  class: "bookmark-card",
+                  onClick: ($event) => applyBookmark(bookmark)
+                }, [
+                  createElementVNode("div", _hoisted_6, [
+                    createElementVNode("div", _hoisted_7, [
+                      createVNode(_component_el_icon, {
+                        size: "40",
+                        color: "#409eff"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(camera_default))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    createElementVNode("div", _hoisted_8, [
+                      createVNode(_component_el_button_group, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_button, {
+                            type: "primary",
+                            size: "small",
+                            icon: unref(view_default),
+                            onClick: withModifiers(($event) => applyBookmark(bookmark), ["stop"])
+                          }, {
+                            default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                              createTextVNode(" 应用 ", -1)
+                            ])]),
+                            _: 2
+                          }, 1032, ["icon", "onClick"]),
+                          createVNode(_component_el_button, {
+                            size: "small",
+                            icon: unref(edit_default),
+                            onClick: withModifiers(($event) => editBookmark(bookmark, index), ["stop"])
+                          }, {
+                            default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                              createTextVNode(" 编辑 ", -1)
+                            ])]),
+                            _: 2
+                          }, 1032, ["icon", "onClick"]),
+                          createVNode(_component_el_button, {
+                            size: "small",
+                            icon: unref(delete_default),
+                            onClick: withModifiers(($event) => deleteBookmark(index), ["stop"]),
+                            class: "delete-btn"
+                          }, {
+                            default: withCtx(() => [..._cache[19] || (_cache[19] = [
+                              createTextVNode(" 删除 ", -1)
+                            ])]),
+                            _: 2
+                          }, 1032, ["icon", "onClick"])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ]),
+                  createElementVNode("div", _hoisted_9, [
+                    createElementVNode("div", _hoisted_10, toDisplayString(bookmark.name), 1),
+                    createElementVNode("div", _hoisted_11, [
+                      createVNode(_component_el_tag, {
+                        size: "small",
+                        type: "info"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(bookmark.category), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createElementVNode("span", _hoisted_12, "使用 " + toDisplayString(bookmark.useCount) + " 次", 1)
+                    ]),
+                    createElementVNode("div", _hoisted_13, toDisplayString(bookmark.description), 1),
+                    createElementVNode("div", _hoisted_14, [
+                      createElementVNode("span", _hoisted_15, [
+                        createVNode(_component_el_icon, null, {
+                          default: withCtx(() => [
+                            createVNode(unref(location_default))
+                          ]),
+                          _: 1
+                        }),
+                        createTextVNode(" " + toDisplayString(bookmark.center[0].toFixed(4)) + ", " + toDisplayString(bookmark.center[1].toFixed(4)), 1)
+                      ]),
+                      createElementVNode("span", _hoisted_16, [
+                        createVNode(_component_el_icon, null, {
+                          default: withCtx(() => [
+                            createVNode(unref(zoom_in_default))
+                          ]),
+                          _: 1
+                        }),
+                        createTextVNode(" 缩放: " + toDisplayString(bookmark.zoom), 1)
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_17, toDisplayString(formatTime(bookmark.createTime)), 1)
+                  ])
+                ], 8, _hoisted_5);
+              }), 128))
+            ]),
+            filteredBookmarks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
+              createVNode(_component_el_empty, { description: "暂无书签" }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: showAddBookmark
+                  }, {
+                    default: withCtx(() => [..._cache[20] || (_cache[20] = [
+                      createTextVNode("保存当前视角", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true),
+            bookmarks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+              createVNode(_component_el_row, { gutter: 20 }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_col, { span: 6 }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_statistic, {
+                        title: "总书签数",
+                        value: bookmarks.value.length
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_col, { span: 6 }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_statistic, {
+                        title: "分类数",
+                        value: categories.value.length
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_col, { span: 6 }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_statistic, {
+                        title: "今日新增",
+                        value: todayCount.value
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_col, { span: 6 }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_statistic, {
+                        title: "总使用次数",
+                        value: totalUseCount.value
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          createVNode(_component_EPlusDialog, {
+            modelValue: showBookmarkForm.value,
+            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => showBookmarkForm.value = $event),
+            title: editingIndex.value >= 0 ? "编辑书签" : "保存视角书签",
+            width: "450px",
+            cacheId: "bookmark-form",
+            "show-modal": false
+          }, {
+            footer: withCtx(() => [
+              createVNode(_component_el_button, {
+                onClick: _cache[10] || (_cache[10] = ($event) => showBookmarkForm.value = false)
+              }, {
+                default: withCtx(() => [..._cache[21] || (_cache[21] = [
+                  createTextVNode("取消", -1)
+                ])]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: saveBookmark
+              }, {
+                default: withCtx(() => [..._cache[22] || (_cache[22] = [
+                  createTextVNode("保存", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(_component_el_form, {
+                model: bookmarkForm,
+                "label-width": "80px"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_el_form_item, {
+                    label: "名称",
+                    required: ""
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: bookmarkForm.name,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => bookmarkForm.name = $event),
+                        placeholder: "请输入书签名称"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "分类" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_select, {
+                        modelValue: bookmarkForm.category,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => bookmarkForm.category = $event),
+                        placeholder: "选择或输入分类",
+                        filterable: "",
+                        "allow-create": "",
+                        style: { "width": "100%" }
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(categories.value, (category) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: category,
+                              label: category,
+                              value: category
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "描述" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_input, {
+                        modelValue: bookmarkForm.description,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => bookmarkForm.description = $event),
+                        type: "textarea",
+                        rows: 3,
+                        placeholder: "请输入描述信息"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "中心点" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_row, { gutter: 10 }, {
+                        default: withCtx(() => [
+                          createVNode(_component_el_col, { span: 12 }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_input, {
+                                modelValue: bookmarkForm.centerLon,
+                                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => bookmarkForm.centerLon = $event),
+                                type: "number",
+                                step: "0.000001",
+                                placeholder: "经度"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_el_col, { span: 12 }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_input, {
+                                modelValue: bookmarkForm.centerLat,
+                                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => bookmarkForm.centerLat = $event),
+                                type: "number",
+                                step: "0.000001",
+                                placeholder: "纬度"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "缩放级别" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_slider, {
+                        modelValue: bookmarkForm.zoom,
+                        "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => bookmarkForm.zoom = $event),
+                        min: 1,
+                        max: 20,
+                        step: 0.1,
+                        "show-input": ""
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_form_item, { label: "旋转角度" }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_slider, {
+                        modelValue: bookmarkForm.rotation,
+                        "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => bookmarkForm.rotation = $event),
+                        min: 0,
+                        max: 360,
+                        step: 1,
+                        "show-input": ""
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "title"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};