跳到主要内容

创建带图像背景层的地图

在该页面上

创建带图像背景层的地图

在地图可视化中,您可将图像用作自定义基本地图。您可能希望在平面图上显示数据。

该带点层的示例地图图表显示了办公室平面图。每个气泡定位在员工的办公桌上方。气泡的尺寸和颜色由员工日常处理的客户问题的每周平均值确定。

具有楼层平面图像背景的带点层的地图示例示出了员工,这些员工的尺寸由他们已解决的客户问题的数目确定

Map example with floor plan image background with a point layer showing employees sized by the number of customer issues they have resolved

该示例隐藏了默认刻度。图片没有一致的尺寸刻度。地图背景层中图片尺寸也取决于用户为图片边角设置的坐标。

数据集

该示例使用了两个表格以及一个背景图片。您可使用 Web 文件连接器将两个表格导入自己的应用程序。

如何构建此项

  1. 将数据源添加至您的地图并在每个表格中使用 EmployeeNumber 字段关联表格。
  2. 在工作表中,添加地图图表。
  3. 地图设置中执行以下操作:

    • 基本地图更改为
    • 投影更改为用户定义(度)
  4. 外观演示中,进行以下操作:

    • 比例尺切换为
    • 限制缩放级别设置为自定义并将缩放设置为 7 倍缩放 - 8 倍缩放
  5. 将背景层添加至地图图表,并在数据中,执行以下操作:

    • 格式中,选择图像
    • URL 设置为 https://help.qlik.com/en-US/sense/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png
    • 设置左上角时,将顶部(纬度)设置为 2.5,将左侧(经度)设置为 -4.1。
    • 设置右下角时,将底部(纬度)设置为 -2.5,将右侧(经度)设置为 4.1。
  6. 将点层添加至地图图表,并执行以下操作:

    • 数据中,将“员工”作为字段添加。
    • 位置中,选择纬度和经度字段。将 Lat 设置为纬度字段并将 Long 设置为经度字段
    • 尺寸和形状中,设置尺寸设置 Avg(CustomerIssues)
    • 颜色中,执行以下操作:

      • 颜色设置为自定义按度量着色。
      • 选择 Avg(CustomerIssues) 作为度量。
      • 选择 Diverging classes 作为配色方案。