รูปหลายเหลี่ยมที่ยกความสูงได้

รูปหลายเหลี่ยมที่ยกความสูงได้ (Fill Extrusion) คือประเภทชั้นข้อมูล (Layer Type) สำหรับแสดงข้อมูลเชิงพื้นที่แบบพื้นที่ (Polygon) ที่มีข้อมูลคุณลักษณะ (Attribute Data) ในฟิลด์ properties ซึ่งเป็นค่าตัวเลข สามารถนำมากำหนดเป็นความสูงในการแสดงผลได้

ตัวอย่างการสร้าง Style

Extrusion height

การสร้างความสูงให้กับข้อมูลประเภท Fill Extrusion โดยสามารถทำได้กับข้อมูลเชิงพื้นที่ประเภทพื้นที่ (Polygon) ซึ่งข้อมูลจำเป็นต้องมีข้อมูลคุณลักษณะ (Properties) ที่มีฟิลด์ (Field) สำหรับนำมาใช้ในการ Extrusion

building.json

[
  "number",
  [   "get",
    "height"
  ]
]

จากตัวอย่าง JSON

• number : ทำการ Extrude กับค่าข้อมูลประเภทตัวเลข
• height : เป็นชื่อคอลัมน์ที่ใช้สำหรับ Extrude เป็นการ Extrusion ด้วย Style Height ในรูปแบบ Advance โดยใช้ค่าข้อมูลจากฟิลด์ "height"

icon.json

[
    "*",
    [
        "get", 
        "pm25"
    ]
]

จากตัวอย่าง JSON

• "*" : ประเภทของข้อมูลที่นำมาทำการ Extrude กับค่าข้อมูลทุกประเภท
• pm25 : เป็นชื่อคอลัมน์ที่นำมา Extrude เป็นการ Extrusion ด้วย Style Height ในรูปแบบ Advance โดยใช้ค่าข้อมูลจากฟิลด์ "pm25"

Extrusion height แบบคูณเท่าค่าข้อมูล

building.json

[
  "number",
  [   "get",
    "height"
  ],
  2
]

จากตัวอย่าง JSON

• number : ทำการ Extrude กับค่าข้อมูลประเภทตัวเลข
• height : เป็นชื่อคอลัมน์ที่ใช้สำหรับ Extrude เป็นการ Extrusion ด้วย Style Height ในรูปแบบ Advance โดยใช้ค่าข้อมูลจากฟิลด์ "height" แบบคูณ 2

Extrusion โดยใช้ OSM Building Layer

ผู้ใช้งานสามารถทำการ Extrusion Layer building ของแผนที่ OSM ซึ่งใน Style ของแผนที่ของ OSM จะมี Layer ชื่อ building โดยต้องทำการกำหนด Configuration ให้เป็น Fill Extrusion และรูปแบบของ height และ base ที่แถบการแก้ไข Style ในรูปแบบ Advance ดังต่อไปนี้

การระบุ JSON ที่แถบเมนู height

{
  "property": "render_height",
  "type" : "identity"
}

การระบุ JSON ที่แถบเมนู base

{
  "property": "render_min_height",
  "type": "identity"
}

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

พื้นที่ที่สามารถยกความสูงได้ (Fill Extrusion)

ชื่อ	Property	ค่าเริ่มต้น	คำอธิบาย
ฐาน	fill-extrusion-base	0	ความสูงจากพื้นดินของ Feature มีหน่วยเป็นเมตร โดยค่าข้อมูลที่นำมาใช้กับ base เป็นประเภทตัวเลข (Number)
สี	fill-extrusion-color	#b2c756	สีของ Feature โดยสามารถกำหนดรูปแบบของสีทั้งในรูปแบบ rgb และ rgba
ความสูง	fill-extrusion-height	0	ความสูงของ Feature มีหน่วยเป็นเมตร สามารถนำมาใช้ในการสร้าง Feature ให้อยู่ในรูปแบบ 3 มิติได้
ความทึบ	fill-extrusion-opacity	0.5	ความทึบแสงของ Feature
ลวดลาย	fill-extrusion-pattern	null	รูปแบบ หรือ Sprite ที่ใช้ในการตกแต่งแผนที่ โดยความกว้างและความยาวของแผนที่มีผลต่อการแสดงผล และปรับสเกลตามระดับการซูมแผนที่
มุมการเลื่อนตำแหน่งจุด	fill-extrusion-translate-anchor	map	รูปแบบการแสดงผลของ Feature ซึ่งมี 2 รูปแบบคือ map และ viewport