+
+ 查询
+
+
+
+
+
+
+
+
+ 第一步：上传图标
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ 下一步
+
+ 取消
+
+
+
+ 第二步：填写信息并上传文件
+
+
+
+
+
+
+
+
+
+
+
+ 📂
+ 选择文件
+
+
+ {{ fileName }}
+
+
+
+ 上传 xlsx 文件：
+
+
+
+
+
+ 已解析 {{ parsedData.length }} 条锚点数据
+
+
+
+
+
+
+ | # | +锚点名称 | +经度 | +纬度 | +
|---|---|---|---|
| {{ idx + 1 }} | +{{ item.name || '(空)' }} | +{{ item.lng }} | +{{ item.lat }} | +
{{ parseError }}
+
+
+ 上一步
+
+ 确定
+
+ 取消
+
+
+
+
+
+
+
+
diff --git a/frontend/src/modules/MapStudio/components/MapContainer.vue b/frontend/src/modules/MapStudio/components/MapContainer.vue
new file mode 100644
index 00000000..656cd0aa
--- /dev/null
+++ b/frontend/src/modules/MapStudio/components/MapContainer.vue
@@ -0,0 +1,13 @@
+
+
+ 图例
+
+
+
+
+
+
+
+ {{ category.label }}
+
+
+
+
+ ![]()
+ {{
+ item.label
+ }}
+
+
+
+
+ {{ group.label }}
+
+
+
+
+ ![]()
+ {{
+ item.label
+ }}
+
+
+
+
+
+
diff --git a/frontend/src/modules/MapStudio/components/MapImageOverlay.vue b/frontend/src/modules/MapStudio/components/MapImageOverlay.vue
new file mode 100644
index 00000000..e9c17cf3
--- /dev/null
+++ b/frontend/src/modules/MapStudio/components/MapImageOverlay.vue
@@ -0,0 +1,224 @@
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/modules/MapStudio/components/RightDrawer.vue b/frontend/src/modules/MapStudio/components/RightDrawer.vue
new file mode 100644
index 00000000..9c313fae
--- /dev/null
+++ b/frontend/src/modules/MapStudio/components/RightDrawer.vue
@@ -0,0 +1,3259 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/modules/MapStudio/components/SaveModal.vue b/frontend/src/modules/MapStudio/components/SaveModal.vue
new file mode 100644
index 00000000..00622a4e
--- /dev/null
+++ b/frontend/src/modules/MapStudio/components/SaveModal.vue
@@ -0,0 +1,363 @@
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 底图图源
+
+
+
+
+
+
+
+ ![]()
+ {{ item.label }}
+
+
+ 底图裁切
+
+
+
+
+
+
+ 不裁切
+ 流域
+ 行政区
+
+
+
+
+
+ 全部
+
+ {{ item.wbsName }}
+
+
+
+
+
+
+ 全部
+
+ {{ item.name }}
+
+
+
+
+
+ 显示地图边界/流域线
+
+
+
+
+ 基础图层
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+ {{ child.label }}
+
+
+
+ 锚点管理
+
+
+
+
+
+
+ {{ category.label }}
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+ 图例配置
+
+
+
+
+
+
+ 图例属性
+
+
+
+ 左上
+ 左下
+ 右上
+ 右下
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 图例标题
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ opt.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ B
+
+
+
+
+
+
+
+ 子级样式
+
+
+
+
+
+
+ {{ opt.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ B
+
+
+
+
+
+
+
+ 当前选中
+
+
+
+
+
+
+ {{ selectedAnchor.categoryLabel }} /
+ {{ selectedAnchor.subTypeLabel }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ 更换图标
+
+
+ 样式覆盖
+
+
+
+
+
+
+
+
+
+ {{ opt.label }}
+
+ ×
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ×
+
+
+
+
+
+ B
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ×
+
+
+
+
+
+
+
+
+ 上
+ 下
+ 左
+ 右
+
+ ×
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 显示文字标注
+
+
+
+
+
+ 恢复默认
+
+
+ 全局样式
+
+
+
+
+
+
+
+ {{ opt.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ B
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 上
+ 下
+ 左
+ 右
+
+
+
+
+
+
+
+
+
+
+ 显示文字标注
+
+
+
+
+ 恢复默认
+
+
+
+
+
+
+
+ 图片属性
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请先导入图片
+
+
+
+
+
+
+ 图形属性
+
+
+
+
+
+
+
+
+
+ {{ displayDrawType }}
+
+
+
+
+
+ {{ (selectedDrawInfo.length / 1000).toFixed(2) }} km
+
+
+
+
+
+
+ {{
+ selectedDrawInfo.area >= 1_000_000
+ ? (selectedDrawInfo.area / 1_000_000).toFixed(2) +
+ ' km²'
+ : selectedDrawInfo.area.toFixed(2) + ' m²'
+ }}
+
+
+
+ 文字内容
+
+
+
+
+
+
+
+
+ 样式设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ opt.label }}
+
+
+
+
+
+
+ B
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ opt.label }}
+
+
+
+
+
+
+ B
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 实线
+ 虚线
+ 点线
+ 虚点线
+
+
+
+
+ 显示箭头
+
+
+
+
+
+
+
+
+ 仅结束
+ 两头
+
+
+
+
+
+
+
+
+
+
+
+
+ 小
+ 中
+ 大
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 在地图上绘制或选中图形以查看属性
+
+
+
+
+
+
+
+
+
+ 表格设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 单元格内容
+
+
+
+
+
+
+ |
+ |
+
+ 行高 & 列宽（0=自适应）
+
+
+
+
+
+
+
+
+ 行高(px)
+
+
+
+
+ {{
+ ri + 1
+ }}
+
+
+
+
+ 列宽(px)
+
+
+
+
+ {{
+ ci + 1
+ }}
+
+ 样式设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 透明背景
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ opt.label }}
+
+
+
+
+
+
+ B
+
+ 对齐方式
+
+
+
+
+
+ 左
+ 中
+ 右
+
+
+
+
+
+
+
+ 上
+ 中
+ 下
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ + 点击上传
+
+
+
+
+
+
+ 应用于此锚点
+
+
+ 应用于所有同类型
+
+
+
+
+
+
+
+
+ 确定
+
+ 取消
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 正在截图...
+ 截取预览图中...
+
+
+
+ 下载预览图
+
+
+