พื้นที่

ข้อมูลพื้นที่ (fill) คือ ประเภทชั้นข้อมูล (Layer Type) ที่เหมาะสำหรับแสดงผลข้อมูลเชิงพื้นที่ประเภทพื้นที่ (Polygon) ซึ่งเป็นการแสดงผลในลักษณะ 2 มิติ ใช้สำหรับเน้นขอบเขตหรือประเภทของพื้นที่

การแสดงผลข้อมูลพื้นที่ (Polygon) ของข้อมูล Vector Tiles

การแสดงผลข้อมูลพื้นที่รูปปิด (Polygon) ของข้อมูล Vector Tiles เมื่อผู้ใช้งานนำข้อมูลที่เก็บไว้บน Vallaris Maps Platform และนำข้อมูลออกไปเป็น API Service เพื่อนำมาใช้ในการพัฒนาแผนที่เว็บไซต์ ผู้ใช้งานสามารถแสดงผลข้อมูลจุดด้วยข้อมูล JSON ได้ดังนี้

{
  "id": "layer",
  "type": "fill",
  "source": "osm",
  "source-layer": "water",
  "paint": {
    "fill-color": "rgba(191, 58, 58, 1)"
  }
}

จากตัวอย่าง JSON ข้างต้นอยู่ในส่วนของการ addLayer และการตกแต่ง Style ของ Layer ที่อยู่ในคีย์ paint id เป็นการกำหนด id ให้กับ Layer ที่ทำการเพิ่มเข้ามา type เป็นประเภทของ Layer ที่ต้องการเพิ่มเข้ามา source เป็นชื่อของข้อมูลที่นำมาใช้ในการแสดงผลที่ได้ทำการ addSource เข้ามา paint ส่วนตกแต่งลักษณะรูปแบบในการแสดงผลข้อมูล เช่น สี, ความโปร่งแสง,เส้นขอบของพื้นที่ เป็นต้น

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

พื้นที่ (Fill)

ชื่อ	Property	ค่าเริ่มต้น	คำอธิบาย
ลดความคมชัดเส้นขอบ	fill-antialias	true	ความคมชัดของพื้นที่รูปปิด โดยมีประเภทเป็น Boolean มีค่าที่สามารถเลือกได้คือ true และ false
สี	fill-color	rgb(178,199,86)	การเติมสีของพื้นที่รูปปิด (Polygon) ซึ่งเป็นรูปแบบสีแบบ rgb นอกจากนี้สามารถรองรับรูปแบบ rgba เพื่อกำหนดความทึบของสี (Opacity) และเมื่อใช้ fill-pattern จะไม่สามารถแสดงสีได้
ความทึบ	fill-opacity	0.5	ความทึบแสงของ Feature โดยค่าในการกำหนดความทึบแสงเป็นตัวเลข ซึ่งในการกำหนดค่ามีผลต่อการแสดงเส้นขอบของ Polygon ด้วย
สีเส้นขอบ	fill-outline-color	#000000	สีของเส้นขอบ โดยในการกำหนดสีของเส้นขอบจำเป็นต้องกำหนด fill-antialias ให้เป็น true จึงสามารถกำหนดสีขอบได้
ลวดลาย	fill-pattern	null	การกำหนดรูปภาพให้แสดงบนพื้นที่ Polygon เรียกว่า Sprite ซึ่งบน Vallaris สามารถเพิ่มรูปภาพขึ้นไปเพื่อใช้เป็น Sprite ได้
เรียงลำดับคีย์	fill-sort-key	0	เป็นการเรียงลำดับ Feature จากน้อยไปหามากตามค่าที่กำหนด Feature ที่มีคีย์การเรียงลำดับที่สูงกว่าจะปรากฏเหนือ Feature ที่มีคีย์การเรียงลำดับที่ต่ำกว่า
เลื่อนตำแหน่จุด	fill-translate	[0,0]	การกำหนดค่า offset ของจุดจากค่าพิกัดตั้งต้น เป็นค่า [x, y] ซึ่งมีหน่วยเป็นพิกเซล (Pixel)
มุมการเลื่อนตำแหน่งจุด	fill-translate-anchor	map	การแสดงผลมุมของ Translate ซึ่งต้องทำการตั้งค่า fill-translate ก่อน