Scribble Maps 帮助中心
更改语言

底图可视化：Heatmap、Coldmap、Proportional、Contour、Hex、H3 和 Square

功能可用性

  • 免费
  • Lite
  • Pro
  • Lite Pro
  • Pro Business

 

在标记位置添加底图基础图层

 

（第 1 步）- 阅读介绍性说明

Heatmap

Heatmap 是围绕每个指定标记位置的基础图层。

Heatmap_说明.png

• 聚合 Heatmap

当您在 Map View 中将指定的标记聚类以相互覆盖时，结果就是一个聚合 Heatmap。您将看到聚合 Heatmap 的：
  • Size 增加。
  • Transparency 降低。
  • 光谱颜色位置向右移动，以在光谱条中显示右侧的颜色。
    例如，上图中的“红色”。
 
注意：光谱条位于 Layers Panel 底部的 Base Layers 窗口中。

• 常规排序系统

常规排序系统基于标记密度（数量多少 + 距离远近）。

最密集的聚类是：
  • 最大。
  • 最不透明。
  • 着色显示最大光谱位置。
    例如，上图中的“红色”。
每个单个标记或密度最低的聚类是：
  • 最小。
  • 最透明。
  • 着色显示最小光谱位置。
    例如，上图中的“蓝色”。
对于列的数值数据影响排序系统的 Heatmap，存在一个特例。
您可以缩小到一定级别，使常规排序系统的标记密度基础优先。

Heatmap_缩小视图.png

然而，与常规排序系统相反，单个标记（例如 Vancouver）将保持不变。单个标记将保留最初设置的：
  • Size。
  • Transparency。
  • 光谱位置。
 

Coldmap

Coldmap 是围绕每个指定标记位置的基础图层，类似于 Heatmap。然而，Heatmap 用暖色（例如红色）展示密度或强度较高的区域，而 Coldmap 则用冷色（例如蓝色）表示密度较低或活动较少的区域。随着标记密度的增加或指定值的上升，Coldmap 的颜色会加深，并在指定的光谱中发生变化。

coldmaps_1_1.png

对于受数值列数据影响的 Coldmap，适用特殊情况。当您缩小视图时，标记密度可能会覆盖特定的数据驱动排序，类似于 Heatmap。

Proportional

Proportional 地图是围绕每个指定标记位置的基础图层。它们会调整大小以表示特征之间的数量差异。比例符号可以根据它们所代表的值变大或变小。

image (13).png

  • 可以将 Proportional 可视化添加到任何包含标记的文件夹中。
  • 导入电子表格时，可以根据每个标记的值（如价格、金额等）创建 Proportional。
  • Proportional 地图是动态的，当从链接的文件夹中添加或删除标记时，它会随之改变。

Contour

Contour 地图使用线条（有时是颜色）来表示空间区域内的恒定值。Contour 地图通常在地形学中用于说明海拔高度，在此上下文中可以表示一致的标记值或密度。每条等高线都连接具有相同值的标记，有助于可视化具有相似标记密度或值的区域。

contour_maps.png

当在地图上绘制具有不同值的标记时，等高线可以直观地表示值发生变化的位置，从而为数据可视化创建一种地形感。

Hex (Hexagonal Grid)

Hex 可视化是一个基础图层，它将地图划分为围绕每个标记位置的六边形网格。六边形网格非常适合减少失真并确保整个地图上的均匀表示。

image (6).png

  • 每个六边形都会调整其颜色深浅，以反映标记密度或选定的数值列。
  • 面积更大、更不透明且颜色更暖的六边形代表密度较高的区域。

Hex 网格是动态的，会随着标记的添加、删除或重新定位而自动调整。

H3 (Hierarchical Hexagonal Indexing)

H3 可视化使用分层六边形网格系统来组织数据。H3 将地图划分为不同大小的六边形单元，为灵活分析提供可扩展的分辨率。

image (7).png

与 Hex 网格类似，H3 网格会根据标记密度或数值列的值进行动态调整。调整分辨率可以让您在宏观概览和详细的局部模式之间进行切换。

Square

Square 可视化在整个地图上创建等大小的正方形网格。每个正方形都会聚合标记数据并调整其颜色以表示密度或数值。

image (5).png

  • 颜色较深的正方形表示较高的密度或数值。
  • 颜色较浅的正方形反映较低的密度或数值。

Square 提供了一种直观且一致的方法来可视化空间模式和数据分布。

 

（第 2 步）- 从文件夹中分组的标记创建底图

选择底图：Google > Terrain。

注意：对于您的地图，您可以选择任何底图。在此示例中，我们选择此浅色底图，以便与我们在后续步骤中添加的 Heatmap 基础图层的深色形成对比。
  1. 如果您尚未登录 Scribble Maps，请登录您的账户，网址为：
    https://www.scribblemaps.com/create 
    （可选）要了解如何登录，请访问此链接：
    如何登录/注册
     
  2. 在 Map View 的右下角，点击 Map & Data 缩略图。
    您将看到弹出 Map & Data 窗口。
     
  3. 点击选择您首选的地图。
     
  4. 在 MAPS & DATA 的右上角，点击 X 关闭窗口。 

创建 4 个标记，并堆叠 3 个标记

  1. 在 Map View 中，创建 4 个标记。
    要了解如何创建标记，请访问此链接：创建标记 - (Marker Tool)
     
  2. 在顶部工具栏中，选择 Edit Measure Tool。
    快捷键：或者您可以按键盘上的“Q”键。
     
  3. 在 Map View 中，点击并拖动其中两个标记以完全覆盖第三个标记。
    注意：在后续步骤中，堆叠的 3 个标记将生成聚合 Heatmap 的聚类。
 

将标记添加到文件夹中

  1. （可选）如果浏览器窗口右侧的“LAYERS”面板未打开，请点击垂直条。 
     
  2. 在 Layers Panel 的顶部，点击显示 tooltip（工具提示）“Add Group”的文件夹图标。
    您将看到文件夹已添加到 Layers Panel 中。
     
  3. 点击并拖动每个标记的行到文件夹中。
    注意：该文件夹现在包含一组覆盖物，因此该文件夹被视为一个组（Group）。要了解有关分组覆盖物的更多信息，请访问此链接：将覆盖物添加到组/文件夹
 

选择您要创建的底图

  1. 在 LAYERS 面板的文件夹行上，点击 Layers Panel 右侧的三点图标。
    或
    在 LAYERS 面板的底部，点击“LAYERS & DATA”右侧的 + 图标。
     
  2. 在弹出菜单中，点击选择您要创建的底图类型：
    • Heatmap
    • Coldmap
    • Proportional
    • Contour 
    • Hex/Square
     
  3. 在“Select Folder”标题下，点击 Select 按钮。
     
  4. 点击选择您创建的文件夹。
     
  5. 填写底图的选项：
 
 

（第 3 步）- 从示例电子表格数据中的标记创建底图

注意：
只有使用“Import Spreadsheet”功能，才能让列的数值数据影响排序系统。为了简化此说明，我们建议您使用我们的示例数据。
 
要了解如何导入您自己的数据，请访问：导入文件和数据
 

创建新地图

  1. 在顶部工具栏中，点击“MENU”按钮。
     
  2. 在“Scribble Maps”标题下，点击按钮：“New Map”。
     
  3. 点击：“Yes”。
     
  4. 点击：“Ok”。
     
  5. 在菜单窗口的右上角，点击“X”按钮。
     
  6. 在 Map View 中，您将看到新地图。

将示例数据加载到表格中

  1. 在 Layers Panel 的顶部，点击显示 tooltip（工具提示）“Import Spreadsheet”的电子表格图标。
    将出现此窗口：“IMPORT LIST (SPREADSHEET)”。
     
  2. 点击标签页：“1. Import Data”。
    您将看到一个显示我们示例数据的字段。
     
  3. 点击标签页：“2. Map”。
    您将在表格中看到我们 9 个城市的示例数据。
    每行显示一个城市的数据。
    在后续步骤中，每个城市的数据将在 Map View 中由一个标记表示。

数据类型的定义

定义.png

 
有 2 个级别的列标题：
  • 上级标题。
  • 下级标题。

每个上级标题显示一个可定义标题。 

注意：当您使用自己的电子表格数据时，可定义标题是您电子表格中列标题单元格中的数据。
 
 
 

每个下级标题是当前在下拉列表中选择的预设标题。

注意：您将在文章“导入电子表格数据...”中了解每个预设标题。 
 
 
 

在这两个列标题下方，您将看到其余的单元格，每个单元格被称为：值单元格。这是您电子表格中常规单元格（非列标题）的数据。

准备底图

  1. 在包含数值数据的列顶部，您将看到上级和下级标题。
    下级标题是显示当前所选预设标题的下拉列表。在此示例中为：“Description”。
  2. 点击下拉列表，然后选择预设标题：“Attribute”。
    要生成列的数值数据影响排序系统的 Heatmap，必须将该列的预设标题更改为：“Attribute”。
  3. 在数据表左下角，点击标记为“Create Heatmap”的复选框。
    将出现 heatmap 选项部分。 
     
  4. 在“Attribute”标题下，点击下拉列表。
    您将看到列表显示每个列的可定义标题。 
    注意：
    如果您希望 Heatmap 显示常规排序系统，可以选择：“None (density)”。
     
    此示例将向您展示如何让列的数值数据影响排序系统。因此，该列的值单元格必须是数字。
  5. 在“Value”标题下，点击下拉列表。然后选择“Description” - （参考包含城市人口数字的列的可定义标题）。
    在后续步骤中，每个标记的 Heatmap 将根据每个城市的人口数量进行排序。
     
    1. 填写底图的选项：
  1.  

配置底图

Configure the Heatmap

  1. 在“Title”标题下，输入 Heatmap 的标题。
     
  2. 输入 Heatmap 的“Range”。
    如果您选择“Total”作为“Value”选项，并且有两个标记，每个标记都被分配了 10 的值，那么 30 像素的设置意味着当这些标记在 30 像素的距离内时，它们的值将合并，在 Heatmap 上形成 20 的总值。
     
  3. 点击选择您的“Colour”。
     
  4. 在“Opacity”标题下，您可以输入一个新的值，用于设置 Heatmap 的整体不透明度。
    您也可以通过点击向上/向下按钮来更改不透明度值。
    这不适用于 Bubble/Circle One Colour。
     
    • 0% 为不可见。
    • 50% 为半透明。
    • 100% 为纯色。
     
  5. 点击以勾选 Lock To Zoom。
    半径将被限制在当前缩放级别，然后随着您放大而变大。
     
  6. 勾选 Balanced Values 以确保更公平、更准确的数据表示。
    有关 Balanced Values 的更多信息，请访问：结合对数刻度使用 Balanced Values
 

Configure the Coldmap or Contour

  1. 在“Title”标题下，输入 Coldmap 的标题。
  2. 输入 Coldmap 的“Range”。
  3. 输入“Bands”的数量。
    这将决定 Coldmap 使用多少个颜色面板。
  4. 点击为调色板中的每种颜色选择您的颜色。
    或
    您可以使用“Generate From AI”来创建调色板。
  5. 在“Opacity”标题下，您可以输入一个新的值，用于设置 Heatmap 的整体不透明度。
    您也可以通过点击向上/向下按钮来更改不透明度值。
    这不适用于 Bubble/Circle One Colour。
     
    • 0% 为不可见。
    • 50% 为半透明。
    • 100% 为纯色。
     
  6. 选择“Fade For”：
    • None
    • High
    • Low
  7. 点击以勾选 Lock To Zoom。
    半径将被限制在当前缩放级别，然后随着您放大而变大。
     
  8. 勾选 Balanced Values 以确保更公平、更准确的数据表示。
    有关 Balanced Values 的更多信息，请访问：结合对数刻度使用 Balanced Values
 

Configure the Proportional

  1. 在 LAYERS 面板的文件夹行上，点击 Layers Panel 右侧的三点图标。
    或
    在 LAYERS 面板的底部，点击“LAYERS & DATA”右侧 of + 图标。
     
  2. 在弹出菜单中，点击选择：“Add Proportional”。
    您将看到标题为“ADD/EDIT PROPORTIONAL”的编辑器窗口。
     
  3. 在“Select Folder”标题下，点击 Select 按钮。
     
  4. 点击选择您创建的文件夹。
     
  5. 选择 “Type”。
    • Bubble/Circle Gradient
    • Bubble/Circle One Colour
    • Proportional Icon
     
  6. （可选）在“Title”标题下，输入 Proportional 地图的标题。
     
  7. （可选）输入比例符号的“Radius”。
     
  8. （可选）在“Min”标题下，您可以输入每个标记处单个比例符号最小尺寸的新值。
    您也可以通过点击向上/向下按钮来更改最小值。
     
    • 默认大小为 30。
    • 最大大小为 100。
     
     
  9. （可选）在“Max”标题下，您可以输入位于每个标记处的单个比例符号尺寸的新值。
     
  10. （可选）点击选择您的“Gradient”、“Colour”或“Icon”。
     
  11. （可选）在“Opacity”标题下，您可以输入网格整体不透明度的新值。
     
    • 0% 为不可见。
    • 50% 为半透明。
    • 100% 为纯色。
     
 

Configure the Hex/H3/Square

  1. 在 LAYERS 面板的底部，点击“LAYERS & DATA”右侧的 + 图标。
     
  2. 在弹出菜单中，点击选择：“Add Hex/Square Grid”。
    您将看到标题为“ADD GRID”的编辑器窗口。
     
  3. 在“Select Folder”标题下，点击 Select 按钮。
     
  4. 点击选择您创建的文件夹。
     
  5. 选择 “Type”。
    • Hex
    • H3 Hex
    • Square
     
  6. 在“Title”标题下，输入网格的标题。
     
  7. 输入网格字段的“Size”。
    注意：如果选择 H3，您将没有此选项。
     
  8. 点击选择您的“Color”。
     
  9. 在“Opacity”标题下，您可以输入比例地图整体不透明度的新值。
     
    • 0% 为不可见。
    • 50% 为半透明。
    • 100% 为纯色。
     
  10. 勾选 Lock to Zoom 并通过输入缩放级别数字或使用上下箭头来设置 Zoom level。
     
  11. 勾选 Show Labels 以在网格中显示标签。
    注意：如果选择 H3，您将没有此选项。
     
  12. 从下拉菜单中选择 Value（金额、价格等）。
     
  13. 勾选“Balanced Values”以减少异常值的影响，确保更准确的数据表示。例如，它可以防止一个极高的值主导可视化，并允许更均匀地分布地图。
 

完成底图

  1. 点击编辑器窗口底部的按钮，将更改应用到地图上。
     
  2. 在编辑器窗口的右上角，点击“X”按钮。
    在 Map View 中，Heatmap 基础图层将显示在每个指定标记的位置。堆叠的标记将产生一个聚类。
     
    在 Layers Panel 的底部，您将看到 Base Layers 窗口显示光谱条。在那里您将看到：
    • 光谱条左侧的数字“0”。 
      0 代表标记的最小可能数量。
    • 位于光谱条右侧的数字。 
      该数字代表聚类中当前最大的标记数量。例如：3。
     
  3. （可选）在 Base Layers 窗口中，您可以切换 Map View 的底图基础图层的显示。
    点击光谱条行左侧的 Eye Icon（眼睛图标）以隐藏该图层。
    再次点击它以在 Map View 中重新显示 Heatmap 基础图层。

（可选）调整和编辑 Heatmap 基础图层

在 Map View 中，您可以缩小到一定级别以使标记密度增加。
在 Map View 的右上角，不断点击 (-) 按钮，直到地图缩小到您想要查看的放大级别。
 
（可选）要使所有已排序的 Heatmap 可见，您可能需要尝试删除标记。
删除最高密度聚类内的标记，以提高单个标记或最低密度聚类的可见性。
 
要删除标记，请在顶部工具栏中选择 Delete Tool。然后在 Map View 中点击该标记。
 
您可以通过点击光谱条行上的 Pencil Icon，在 Base Layers 窗口中编辑 Heatmap 基础图层。
 
 

另请参阅

要了解如何导入您自己的电子表格数据，请访问此链接：导入文件和数据

您可以通过考虑属性来过滤显示哪些标记覆盖物。要了解如何操作，请访问此链接：
数据过滤 - 创建过滤器以细分显示哪些覆盖物

重新排序基础图层堆栈

添加裁剪作为基础图层

混合底图 - 显示第二张地图的部分内容

添加 TMS URL 以生成基础图层

添加 WMS URL 以生成基础图层

 
 

最后更新