เส้น

เส้น (Line) เป็นทั้ง ประเภทข้อมูลเชิงพื้นที่ (point, line, polygon)และข้อมูลประเภทชั้นข้อมูล (circle, line, fill, fill-extrusion, heatmap) ซึ่งเป็นเรขาคณิตสำหรับจำลองวัตถุบนพื้นโลกในลักษณะเส้น เช่น ถนน, สายน้ำ, สายไฟ เป็นต้น

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

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

{
  "id": "layer",
  "type": "line",
  "source": "osm",
  "source-layer": "transportation",
  "paint": {
    "line-color": "rgba(222, 138, 138, 1)"
  }
}

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

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

เส้น (Line)

ชื่อ	Property	ค่าเริ่มต้น	คำอธิบาย
ความเบลอ	line-blur	0	ระดับการเบลอของเส้น (หน่วย: พิกเซล)
รูปแบบปลายเส้น	line-cap	butt	รูปลักษณะปลายของเส้น มี 3 รูปแบบ: butt, round, square
สี	line-color	#B2C756	สีของเส้น
เส้นประ	line-dasharray	1	ระยะความยาวของเส้นประและช่องว่าง ความยาวของเส้นจะปรับตามขนาดความกว้างของเส้น (ใช้ร่วมกับ line-pattern ไม่ได้)
ระยะห่างเส้นขอบ	line-gap-width	0	ความกว้างในการสร้างช่องว่างภายในเส้น (Gap)
ลักษณะจุดชื่อมต่อเส้น	line-join	miter	รูปลักษณะของปลายเส้นที่เชื่อมต่อกัน มี 3 แบบ: bevel, round, miter
ค่ามุมเส้นเชื่อม	line-miter-limit	2	การปรับค่าความโค้งมนของเส้นเชื่อมต่อกัน ต้องเลือก line-join เป็น miter
เลื่อนตำแหน่งจุด	line-offset	0	การกำหนดระยะห่างของเส้น (หน่วย: พิกเซล) - ค่าลบ: Offset ไปทางซ้าย - ค่าบวก: Offset ไปทางขวา
ความทึบ	line-opacity	0	ความทึบแสงของเส้น
ลวดลาย	line-pattern	null	รูปแบบของเส้นโดยใช้ Sprite หรือรูปภาพ (สามารถเพิ่มรูปภาพบน Vallaris ได้)
ความมนปลายเส้น	line-round-limit	1.05	การปรับค่าความโค้งมนของเส้นที่เชื่อมต่อกัน ต้องเลือก line-join เป็น round
เรียงลำดับคีย์	line-sort-key	0	เรียงลำดับ Feature จากน้อยไปหามาก Feature ที่มีคีย์สูงกว่าจะอยู่เหนือคีย์ต่ำกว่า
เลื่อนตำแหน่งจุด	line-translate	[0,0]	Offset ของเส้นจากพิกัดตั้งต้น [x,y] (หน่วย: พิกเซล)
มุมการเลื่อนตำแหน่งจุด	line-translate-anchor	map	การแสดงผลมุมของ line-translate (ต้องตั้งค่า line-translate ก่อน)
ความกว้าง	line-width	1	ขนาดความกว้างของเส้น โดยมีค่าต่ำสุดเท่ากับ 1