รูปหลายเหลี่ยม

รูปหลายเหลี่ยม (Fill) เป็นการแสดงผลข้อมูลพื้นที่รูปปิด (Polygon) ที่อยู่ในรูปแบบ Polygon หรือ Multipolygon ซึ่งอยู่ในรูปแบบ fill ในการตกแต่ง style ของแผนที่

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

การแสดงผลข้อมูลเส้น (Polygon) ของข้อมูล Vector Tile

การแสดงผลข้อมูลพื้นที่รูปปิด (Polygon) ของข้อมูล Vector Tile เมื่อผู้ใช้งานนำข้อมูลที่เก็บไว้บน 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 ส่วนตกแต่งลักษณะรูปแบบในการแสดงผลข้อมูล เช่น สี, ความโปร่งแสง,เส้นขอบของพื้นที่ เป็นตัน