Version: v1.5.0

แผนที่ความร้อน

แผนที่ความร้อน (Heatmap) คือประเภทชั้นข้อมูล (Layer Type) ไว้สำหรับการแสดงความหนาแน่นของข้อมูล (Density) ในพื้นที่ต่างๆ ซึ่งการแสดงผลในลักษณะข้อมูลจุดความร้อน จะไม่มีขอบเขตที่ชัดเจนเหมือนชั้นข้อมูลประเภทพื้นที่ (Fill) แต่ใช้หลักการกระจาย (Interpolation) ของค่าและความหนาแน่นในพื้นที่รอบ ๆ จุดข้อมูล เพื่อสร้างแผนที่แสดงการกระจายของข้อมูลในลักษณะของ "ไล่ระดับสี" (Gradient Color)

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"
]

ตารางการปรับแต่ง