Heatmap

การแสดงผลข้อมูลในรูปแบบ Heatmap เป็นการไฮไลท์ข้อมูลในการแสดงผล มักใช้ในการแสดงผลตามจุดค่าอุณหภูมิโดยสามารถใช้ได้กับข้อมูลที่เป็น Vector Tile โดยจะแสดงผลได้ดีกับข้อมูลที่อยู่ในระยะที่ใกล้กัน

heatmap.json

{
  "id": "layer",
  "maxzoom": 22,
  "minzoom": 4.14,
  "paint": {
    "heatmap-color": [
      "interpolate",
      ["linear"],
      ["heatmap-density"],
      0,
      "rgba(0, 0, 255, 0)",
      0.1,
      "#9eb5cc",
      0.3,
      "#9ea9cc",
      0.5,
      "#9e9ecc",
      0.7,
      "#a99ecc",
      1,
      "#b49ecc"
    ],
    "heatmap-opacity": 0.7,
    "heatmap-radius": 25,
    "heatmap-weight": 0.5
  },
  "source": "61dd3a3e091a6381e126cd5d",
  "source-layer": "61dd3a3e091a6381e126cd5d",
  "type": "heatmap"
}

Advance Style

การตกแต่งบน Vallaris ที่ Advance Style การปรับแต่ง Heatmap จะเป็นการใช้คีย์ heatmap-color

การแก้ไขสีของจุดโดยใช้ Expreesion บน Vallaris paint มีตัวดำเนินการ (Operator) ไว้สำหรับการกรอง (Filer) ข้อมูลในการแสดงผลได้โดยมีคีย์ดังต่อไปนี้ get, has, id, geometry-type, properties, or feature-state

ตัวอย่างการใช้ Expression

[
  "interpolate",
  [
    "linear"
  ],
  [
    "heatmap-density"
  ],
  0,
  "rgba(0, 0, 255, 0)",
  0.1,
  "royalblue",
  0.3,
  "cyan",
  0.5,
  "lime",
  0.7,
  "yellow",
  1,
  "red"
]