Cluster

การสร้างข้อมูลในรูปแบบของ Point Cluster ให้กับข้อมูล Vector Tile โดยจะมีการปรับแต่งข้อมูลในส่วนของรัศมี (Radius) สี (Color) คอลัมน์ (Field) เพื่อเป็นการกำหนดข้อมูลข้อมูลที่ต้องการแสดงผล

Radius การกำหนดรัศมีในการแสดงผลของ Cluster Point

จากตัวอย่าง JSON ของการกำหนดรัศมี Cluster Point เป็นการใช้ step เพื่อเป็นตัวกำหนดการแสดงผลของ Cluster Point เป็นการรับข้อมูล (get) มาจากคอลัมน์ "point_count" โดยค่าของข้อมูลที่น้อย 100 ให้มีขนาดรัศมี (Radius) ของจุดเท่ากับ 20 พิกเซล ค่าของข้อมูลอยู่ระหว่าง 100 - 750 ให้มีขนาดรัศมี (Radius) ของจุดเท่ากับ 30 พิกเซล และหากค่าของข้อมูลมีมากกว่า 750 ให้มีขนาดรัศมี (Radius) ของจุดเท่ากับ 40 พิกเซล

[
  "step",
    ["get", "point_count"],
    20,
    100,
    30,
    750,
    40
]

Color การกำหนดสีในการแสดงผลของ Cluster Point

จากตัวอย่าง JSON ในการกำหนดสีของ Cluster Point โดยใช้ step มีการรับค่าข้อมูล (get) มาจากคอลัมน์ "point_count" ซึ่งค่าข้อมูลที่น้อยกว่า 100 ให้แสดงเป็นสีฟ้า #51bbd6 ค่าของข้อมูลอยู่ระหว่าง 100 - 750 ให้แสดงเป็นสีเหลือง #f1f075 และหากค่าของข้อมูลมีมากกว่า 750 ให้แสดงเป็นชมพู #f28cb1

[
    "step",
        ["get", "point_count"],
            "#51bbd6",
            100,
            "#f1f075",
            750,
            "#f28cb1"
]

tip

step คือการบอกช่วงเป็นการกำหนดช่วงระยะของข้อมูลเป็นขั้นๆ ในการแสดงผลบนแผนที่

Field การกำหนดคอลัมน์ในการนำมาทำ Cluster Point และกำหนดค่า max min ของข้อมูลที่นำมาแสดงผล

[
  "number-format",
  ["get", "point_count"],
  {
    "min-fraction-digits": 0,
    "max-fraction-digits": 0
  }
]

tip

number-format คือ การเปลี่ยนค่าของข้อมูลประเภทตัวเลข (Number) เป็นตัวหนังสือ (Text) ซึ่งถ้ามีการกำหนด min-fraction-digits และ max-fraction-digits จะเป็นการระบุเศษส่วนอย่างต่ำที่ใช้ในการแสดงผล