创建与比例相关的可视化

此示例演示如何使用 HeatmapRenderer 和 SimpleRenderer 创建与比例相关的可视化。

HeatmapRenderer 非常适合可视化大型密集点数据集，尤其是那些具有大量重叠点的数据集。但是，热图仅在某些范围内有效。它特别倾向于无法大规模传达有用的信息。

您可以在视图的比例属性上设置监视并设置比例阈值，当用户缩放到大比例时，图层的渲染器可以在该阈值中从热图切换到离散标记符号。

view.when().then(() => {
  // When the view is ready, clone the heatmap renderer
  // from the only layer in the web map

  const layer = view.map.layers.getItemAt(0);
  const heatmapRenderer = layer.renderer.clone();

  // The following simple renderer will render all points as simple
  // markers at certain scales

  const simpleRenderer = {
    type: "simple",
    symbol: {
      type: "simple-marker",
      color: "#c80000",
      size: 5
    }
  };

  // When the scale is larger than 1:72,224 (zoomed in passed that scale),
  // then switch from a heatmap renderer to a simple renderer. When zoomed
  // out beyond that scale, switch back to the heatmap renderer

  view.watch("scale", (newValue) => {
    layer.renderer = newValue <= 72224 ? simpleRenderer : heatmapRenderer;
  });
});