About

マテリアル は、レイヤーの描画（スタイリング）オプションです。各マテリアルは、レイヤー設定上のそれぞれのキーで設定します（例：vector レイヤーの polygon、terrain レイヤーの terrain）。レイヤーがどのマテリアルを受け付けるかは、そのタイプによって異なります。

レイヤータイプ別のマテリアル

レイヤータイプ	マテリアル（設定キー）
`vector`	`point`, `billboard`, `text`, `polyline`, `polygon`
`raster`	`raster`, `hillshade`, `elevationHeatmap`
`terrain`	`terrain`
`3d-tiles`	`model`

マテリアルのリファレンス

マテリアル	設定キー	使用するレイヤー
PointMaterial	`point`	`vector`
BillboardMaterial	`billboard`	`vector`
TextMaterial	`text`	`vector`
PolylineMaterial	`polyline`	`vector`
PolygonMaterial	`polygon`	`vector`
RasterMaterial	`raster`	`raster`
HillshadeMaterial	`hillshade`	`raster`（raster-dem）
ElevationHeatmapMaterial	`elevationHeatmap`	`raster`（raster-dem）
TerrainMaterial	`terrain`	`terrain`
ModelMaterial	`model`	`3d-tiles`

使用例

// vector レイヤーは複数のマテリアルを一度に取れます
view.addLayer({
  type: "vector",
  source: features,
  point: { color: 0xff0000, size: 10 },
  polyline: { color: 0x00ff00, width: 2 },
  polygon: { color: 0x0000ff, opacity: 0.5 },
});

関連リソース

レイヤーの種類: レイヤーのタイプと追加方法
About Source: データ側