Skip to content

2. 绘制与自定义

现在您已经加载了地图,是时候让它焕发活力了!本节涵盖了使 PaintMyMap 功能强大的核心绘制和自定义功能,并与编辑器中看到的内容完全匹配。

绘制的工作原理

在 PaintMyMap 中绘制是通过将地图特征(国家、地区等)分配到图例组来实现的。每个组都有自己的颜色、可选图案和标签。

绘制、擦除和更改画笔大小

基本绘制

  1. 选择图例组:点击图例中的一个组(其颜色成为活动绘制颜色)
  2. 选择画笔:选择单点或圆形大小(S/M/L/XL)
  3. 绘制:点击或拖动地图特征,将它们分配到所选组
  4. 橡皮擦:切换到橡皮擦以从特征中移除绘制

快捷键:B(画笔),E(橡皮擦),⌘/Ctrl+Z(撤销),⇧+⌘/Ctrl+Z(重做)

图例管理

图例是地图视觉组织的核心。地图上您想要绘制的每种颜色都需要分配到一个组(图例项)。

选择图例项、重新排序、隐藏/显示、添加图例标题、调整大小和移动图例

创建图例组

  • 添加组:点击 + 添加项 创建一个新组。
  • 组颜色和图案:点击颜色样本以打开颜色/图案菜单
  • 组标签:直接在每个组的标签字段中输入
  • 在图例中显示/隐藏:切换任何组的可见性
  • 重新排序:使用拖动手柄或上下按钮
  • 删除:移除组(这不会删除已绘制区域;它们会恢复为未绘制状态)
  • 图例标题:在选项中切换“显示图例标题”,然后编辑标题文本

图例定位

  • 拖动移动:在地图上拖动图例到任意位置(在预览模式下最容易操作)
  • 调整大小:使用角手柄缩放图例块
  • 背景:在选项中设置图例背景颜色和透明度

分级地图 - 生成颜色渐变

使用分级生成器,您只需点击一次即可创建完美的颜色渐变!选择起始和结束颜色、步数即可完成!

使用分级生成器生成颜色渐变

画笔工具

要选择画笔,请点击画笔工具。要更改大小,请使用旁边的下拉菜单。要更改颜色,请从图例中创建或选择一个新组。

选择画笔工具及其大小

画笔类型

  • 单点:每次点击绘制一个特征(精确控制)
  • 圆形:绘制画笔半径下的所有特征
    • S/M/L/XL 尺寸用于更快填充

画笔控制

  • 活动组:当前选择的图例组
  • 画笔大小:选择 S/M/L/XL;预览圆显示确切半径
  • 颜色预览:显示活动组颜色/图案
  • 橡皮擦:从特征中移除绘制(E)

提示:在尝试不同尺寸时可以自由使用撤销/重做。

画笔颜色

您可以使用单一颜色绘制,也可以选择两种或三种颜色的图案

选择画笔的纯色或两种或三色图案

形状工具

使用形状工具对您的绘制区域进行注释、突出显示或添加额外含义。

绘制形状、更改颜色、添加文本、旋转和编辑

可用形状类型

形状用途
线条简单指针/下划线;点击拖动绘制。
箭头方向性标注(自动箭头)。
矩形标准框突出显示。
圆角矩形柔和的突出显示/标签容器(圆角)。
圆形强调环或标记。
注释圆形气泡样式注释(椭圆主体+尾部)。
注释框矩形气泡(方形变体)带可移动尾部。
标注框框+箭头尾部(箭头尾部是指向目标的三角形/箭头)。

绘制形状

  1. 选择形状工具(快捷键:S)。
  2. 从迷你调色板中选择一种形状类型。
  3. 在地图上点击并拖动绘制。
  4. 拖动时按住 Shift 键以约束:完美的圆形、正方形或线条/箭头的 45° 增量。
  5. 按住 Option/Alt 键从初始点击处向外绘制(以圆形/矩形为中心)。

形状样式和选项

  • 描边宽度和颜色:调整轮廓厚度和颜色。
  • 随缩放比例变化:切换描边/文本是否随缩放比例变化(启用以实现相对大小,禁用以保持视觉权重恒定)。
  • 填充:启用填充;选择纯色或图案;通过滑块调整透明度。
  • 图案:与图例组相同的图案库(线条、点、条纹、三色图案)。
  • 文本:启用文本覆盖;设置字体系列、大小、颜色和可选阴影+阴影颜色。
  • 投影阴影:(每个形状)启用阴影,调整模糊、透明度、偏移量和颜色以增加深度/对比度。

编辑形状

  • 使用选择工具(V)选择形状。
  • 拖动移动;手柄出现用于调整大小(角落)和旋转(旋转控制/R 键选中时)。
  • 双击形状文本进行编辑。
  • Delete / Backspace(或删除图标)移除。
  • 注释/注释框/标注框尾部:拖动圆形尾部手柄以独立于气泡/框体重新定位指针。

SVG 工具(导入/放置)

SVG 工具打开 SVG 库对话框,用于导入可重复使用的矢量图形。

加载和放置 SVG、更改颜色、大小、旋转和编辑

工作流程

  1. 点击 SVG(导入/放置) 打开对话框。
  2. 粘贴原始 SVG 标记选择一个或多个 .svg 文件。您还可以在主题下拉菜单中探索一些内置 SVG。
  3. 添加到列表 将解析版本缓存到“您的 SVG”(保存在本地存储中,直到清除)。
  4. 选择一个条目并按 放置,然后点击拖动地图以在一个手势中定位和缩放。
  5. 之后使用 选择(V)进行优化:移动、旋转、调整大小、删除。

行为和注意事项

  • 对话框切换:再次点击打开的 SVG 工具将关闭它并返回到选择。
  • 清理:为安全起见,脚本、事件处理程序和 foreignObject 节点将被移除。
  • 放置期间自动保留纵横比。
  • 库持久性:使用“全部清除”按钮清除所有内容;可以移除单个项目。
  • 性能:极其复杂的 SVG(数千路径)可能会影响交互性和导出时间。

使用场景

徽标、徽章、象形图(人口、气候图标)、插入标记、罗盘玫瑰、装饰框架。

选择工具

选择工具(V)允许您操作绘制的形状和放置的 SVG。

选择工具

选择和多选

  • 点击形状/SVG 进行选择;拖动移动。

变换手柄

  • 角手柄:调整大小(按住 Shift 键约束正方形/圆形)。
  • 旋转手柄或选中时按 R 键进行旋转。
  • 注释/注释框尾部手柄:重新定位气泡尾部锚点。

文本编辑

  • 双击形状文本(注释/注释框/任何启用文本的形状)进行内联编辑。
  • 使用样式控件(字体、大小、颜色、阴影)进行优化。

删除

  • Backspace / Delete 或 UI 中的删除图标移除选定形状。

高级自定义

使用这些功能将您的地图提升到新的水平。打开选项以访问:

自定义标签和地图标题

图例设置

  • 图例:在地图上显示/隐藏图例
  • 图例背景:设置图例背景颜色和透明度
  • 设置图例标题:设置图例标题或完全隐藏

地图

  • 仅绘制区域:隐藏未绘制区域以实现干净导出
  • 显示经纬线
  • 显示地理线
  • 显示带或不带标签的时区线

标签和标题

  • 地图标题:切换标题,编辑文本,拖动定位,并通过角手柄调整大小
  • 国家标签:显示国家标签,选择缩写,更改字体、颜色和可选阴影。选择仅在绘制国家上显示或将国家名称替换为图例组中的值

视觉增强

  • 地图背景颜色:设置画布背景

  • 边界颜色:设置国家边界颜色

  • 地图主题:需要灵感?从内置调色板中选择地图主题

  • 经纬线:显示纬度/经度网格

  • 地理线:显示赤道、回归线、极圈、本初子午线

  • 时区:可选时区多边形和标签(适用于支持的地图)

颜色策略

  • 分类:为不同类别使用不同颜色
  • 连续:为数据范围使用颜色渐变
  • 分歧:使用突出极值的颜色方案

图案绘制

使用内置 SVG 图案添加细腻纹理:

  • 线条/条纹:水平、垂直、对角线;三线变体
  • 点/交叉线:点网格和交叉线样式
  • 三条纹:结合主色/次色/第三色

方法:点击组的颜色样本,启用图案,然后选择一种类型。自定义主色、次色和(如果可用)第三色。目前不支持上传自定义图案图像。

撤销与重做

通过全面的历史记录控制,永远不会丢失您的工作:

历史记录控制

  • 撤销/重做:逐步查看更改(⌘/Ctrl+Z,⇧+⌘/Ctrl+Z)
  • 全部清除:移除所有绘制(需确认)

复制与粘贴

使用复制/粘贴功能加快工作速度,该功能适用于 SVG 和形状(⌘/Ctrl+C,⌘/Ctrl+V)

自动保存

您的工作保存到浏览器的本地存储,您重新访问时会提示恢复。

交互功能

缩放与平移

  • 鼠标滚轮:在光标位置缩放
  • 缩放按钮:精确缩放控制(+/-)
  • 平移:拖动移动地图视图

旋转与方向

  • 地球旋转:旋转地球(拖动旋转控制)
  • 二维旋转:旋转平面地图(拖动旋转控制)
  • 翻转:水平和垂直镜像效果

形状与注释

使用形状工具添加视觉标注:

  • 类型:线条、箭头、矩形、圆角矩形、圆形、注释、注释框、标注框
  • 样式:设置描边宽度/颜色和填充颜色/透明度
  • 文本:向形状添加文本(字体、大小、颜色、可选阴影)
  • 随缩放比例变化:选择形状是否随缩放比例变化

保存与加载项目

导出状态(保存项目)

  • 保存进度:将整个项目导出为 JSON 文件
  • 包含:所有绘制、颜色、设置和自定义
  • 文件格式:.json 文件,可随时重新打开
  • 用途:备份您的工作或稍后继续

导入状态(加载项目)

  • 恢复工作:导入之前保存的 JSON 文件
  • 保留:所有绘制和自定义设置
  • 跨设备:适用于不同浏览器和设备

自动保存

  • 自动:您的工作保存到浏览器本地存储
  • 恢复:自动恢复上次会话
  • 无需操作:在后台进行

预览模式

在导出之前,使用预览模式查看最终地图:

  • 隐藏所有编辑控件和 UI
  • 仅显示地图、图例和自定义元素
  • 允许拖动图例和标题进行精细定位
  • 完美的最终构图检查

下一步

当您的地图看起来完美时,是时候导出了!继续到最后一节了解保存和分享您的创作。