主题多元可视化（3D）

尝试一下在线预览

此示例使用记录的飓风位置来演示如何使用 SceneView 中的 3D 符号在单个渲染器中可视化多个数据属性。在这种情况下， PointSymbol3D 与 ObjectSymbol3DLayer 中的带有 primitive 圆锥结合使用，以象征风速和压力。

颜色用来显示大气压力，每个圆锥的高度以节表示风速。

const renderer = {
  type: "simple", // autocasts as new SimpleRenderer()
  symbol: {
    // symbol type required for rendering point geometries
    type: "point-3d", // autocasts as new PointSymbol3D()
    symbolLayers: [
      {
        // renders points as volumetric objects
        type: "object", // autocasts as new ObjectSymbol3DLayer()
        resource: { primitive: "cone" }, // renders points as cones
        width: 50000
      }
    ]
  },
  visualVariables: [
    {
      type: "color",
      field: "PRESSURE", // field containing data for atmospheric pressure
      stops: [{ value: 950, color: "red" }, { value: 1020, color: "blue" }]
    },
    {
      type: "size",
      field: "WINDSPEED", // field containing data for wind speed
      stops: [{ value: 20, size: 60000 }, { value: 150, size: 500000 }],
      axis: "height"
    },
    {
      type: "size",
      axis: "width-and-depth",
      useSymbolValue: true // uses the width value defined in the symbol layer (50,000)
    }
  ]
};