使用字典渲染器可视化数据

尝试一下在线预览

此示例演示如何创建 DictionaryRenderer。字典渲染器是一种数据驱动的方法,用于使用配置了多个属性的符号字典对要素进行符号化。当符号规范导致许多符号排列不适合 UniqueValueRenderer 时,将使用此方法。字典渲染器渲染的所有符号都是 CIMSymbols

在此示例中,我们可视化了美国的替代加油站。每个站点的符号应包含有关提供的燃料类型、网络类型、连接器类型和站点名称的信息。我们使用两个要素图层实例渲染相同的数据,每个实例都使用字典渲染器渲染。为了防止视图因大量重叠文本而变得混乱,我们将使用一个简单的 DictionaryRenderer 创建一个图层,用于在小比例下渲染大量要素。渲染器配置为仅渲染要素大小因比例而异的几个唯一符号。

在较大的比例下,我们可以显示更多信息,例如多个符号图层和唯一文本。当用户放大到比 1:10,000 的比例更近的位置时,第一个图层将关闭,第二个图层将打开,并显示不同的配置,显示更多信息,从而显示更多独特的符号排列。

以下代码段演示了如何仅通过几行代码创建生成许多符号排列的 DictionaryRenderer。

            
1
2
3
4
5
6
7
8
9
10
11
12
new DictionaryRenderer({
  url: "http://www.geosceneonline.cn/geoscene/sharing/rest/content/items/910476b3e3784e0f966a1547fa664356",
  fieldMap: {
    fuel_type: "Fuel_Type_Code",
    connector_types: "EV_Connector_Types",
    network: "EV_Network",
    name: "Station_Name"
  },
  config: {
    show_label: "true"
  }
})

您只需要在字典渲染器上定义三个属性。

  1. url - url 指向字典符号 Web 样式。有关从 GeoScene Pro 发布字典符号 web 样式的说明,请参阅共享 Web 样式

  2. fieldMap - fieldMap 属性定义一个字段映射,该映射将要素中的输入字段映射到字典符号样式的符号和文本的预期字段。

  3. config - config 属性指定可在字典符号样式上配置的显示选项。在此示例中,我们可以选择通过设置 config.show_label = “true” 来打开标注。

已知限制

DictionaryRenderer图例微件中不受支持。

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.