การจัดรูปแบบชั้นข้อมูลฟีเจอร์แผนที่
การจัดรูปแบบ
ส่วนการจัดรูปแบบรูปทรงเรขาคณิตทั้งสามประเภท — Line [เส้น], Point [จุด] และ Polygon [รูปหลายเหลี่ยม] — ปรากฏบนหน้าเดียวกัน กำหนดค่าเฉพาะส่วนที่ตรงกับรูปทรงเรขาคณิตของฟีเจอร์ของคุณ ส่วนอื่นๆ สามารถปล่อยไว้ที่ค่าเริ่มต้น
การจัดรูปแบบ Line และ Polygon มีการแสดงตัวอย่างแบบสดทางขวาที่อัปเดตตามการเปลี่ยนแปลงของคุณ
การจัดรูปแบบเส้น (Line)
สำหรับฟีเจอร์ประเภทเส้น เช่น ถนน แม่น้ำ หรือเส้นทางลาดตระเวน
| ช่อง | คำอธิบาย | ค่าเริ่มต้น | คำแนะนำ |
|---|---|---|---|
| Stroke Color [สีเส้น] | สีของเส้น ป้อน hex code หรือใช้ color picker | #FF6600 | ใช้สีที่แตกต่างกันสำหรับประเภทเส้นที่ทับซ้อนกัน |
| Stroke Width [ความหนาของเส้น] | ความหนาของเส้นเป็นพิกเซล | 2 | ให้ต่ำกว่า 3 px เพื่อความสมดุลในการแสดงผล |
| Stroke Opacity [ความโปร่งใสของเส้น] | ความโปร่งใสของเส้น 0 = มองไม่เห็น, 1 = ทึบเต็มที่ | 1.00 | 0.7–1.0 เหมาะกับเส้นส่วนใหญ่ |
การจัดรูปแบบจุด (Point)
สำหรับฟีเจอร์ประเภทจุด เช่น ด่านตรวจ แหล่งน้ำ หรือกล้องดักถ่าย
| ช่อง | คำอธิบาย | ค่าเริ่มต้น |
|---|---|---|
| Image URL [URL รูปภาพ] | พาธไปยังไอคอน SVG ในรูปแบบ /static/<iconname>.svg (เช่น /static/ranger_post_black.svg) หากปล่อยว่างจะแสดงวงกลมสีเริ่มต้น | (ว่างเปล่า) |
| Width [ความกว้าง] | ความกว้างของไอคอนเป็นพิกเซล | 20 |
| Height [ความสูง] | ความสูงของไอคอนเป็นพิกเซล | 20 |
ตัวอย่างเส้นทางไอคอน (สำหรับจุดวงกลมสี):
/static/dot-bright_green.svg/static/dot-coral.svg/static/dot-dark_blue.svg/static/dot-medium_blue.svg/static/dot-medium_bright_blue.svg/static/dot-orange.svg/static/dot-pink.svg/static/dot-purple.svg/static/dot-red.svg/static/dot-teal.svg/static/dot-yellow.svg
คุณสามารถดูตัวอย่างเส้นทางไอคอนเพิ่มเติมได้ที่ศูนย์ช่วยเหลือ EarthRanger ครับ: กำหนดค่าประเภทฟีเจอร์สำหรับการจัดรูปแบบเลเยอร์แผนที่
รองรับเฉพาะไอคอน SVG เท่านั้น — ไฟล์ PNG และ JPG จะแสดงผลไม่ถูกต้อง ชื่อไฟล์ต้องตรงกับไอคอนในรายการไอคอนที่มีทุกตัวอักษร
การจัดรูปแบบรูปหลายเหลี่ยม (Polygon)
สำหรับฟีเจอร์ประเภทรูปหลายเหลี่ยม เช่น เขตอุทยาน ทะเลสาบ หรือพื้นที่หวงห้าม
| ช่อง | คำอธิบาย | ค่าเริ่มต้น | คำแนะนำ |
|---|---|---|---|
| Fill Color [สีเติม] | สีภายใน ป้อน hex code หรือใช้ color picker | #FF6600 | — |
| Fill Outline Color [สีเส้นขอบ] | สีเส้นขอบ | #FF6600 | ใช้สีที่เข้มกว่าสีเติม |
| Fill Opacity [ความโปร่งใสของพื้นที่] | ความโปร่งใสของพื้นที่ภายใน 0 = มองไม่เห็น, 1 = ทึบเต็มที่ | 0.25 | 0.2–0.4 สำหรับพื้นที่ขนาดใหญ่เพื่อหลีกเลี่ยงการบังแผนที่พื้นฐาน |