วิธีการใช้งานแผนที่

ระบบแผนที่ (Interactive Map)

ระบบแผนที่ของเว็บไซต์ ThaiWater เป็นหนึ่งในหัวใจหลักของการให้บริการข้อมูล โดยนำเสนอข้อมูลน้ำ อากาศ และข้อมูลเฝ้าระวังต่าง ๆ ในรูปแบบแผนที่เชิงโต้ตอบ (Interactive Map) ที่ผู้ใช้งานสามารถเลือกเปิด/ปิดชั้นข้อมูล (Layer) และเจาะลึกข้อมูลแต่ละจุดได้อย่างสะดวกImage

วิธีการใช้งานแผนที่

ระบบแผนที่ของเว็บไซต์ ThaiWater ประกอบด้วยหลายเมนูย่อยที่ออกแบบตามลักษณะการใช้งาน (use case) ที่แตกต่างกัน เช่น

  • แผนที่พื้นฐาน: ใช้ดูภาพรวมของสถานการณ์ เช่น ข้อมูลเรดาร์, สถานีตรวจวัด, ปริมาณฝน และระดับน้ำ

  • แผนที่ติดตามพายุ: ใช้ติดตามเส้นทางการเคลื่อนที่ของพายุ 

  • แผนที่ติดตามน้ำท่วม / น้ำทุ่ง / ภัยแล้ง: ใช้เพื่อเฝ้าระวังและวิเคราะห์สถานการณ์เฉพาะด้าน 

แม้แต่ละแผนที่จะมีข้อมูลเฉพาะเรื่องแตกต่างกัน แต่รูปแบบการใช้งานพื้นฐานจะใกล้เคียงกัน ดังนี้

1. เลือกชุดข้อมูล (Data Layers)

Image

ผู้ใช้งานสามารถเลือกเปิด/ปิดชุดข้อมูล (Layer) ได้ตามต้องการ ระบบจะโหลดข้อมูลเฉพาะที่เลือกแสดง ทำให้สามารถดูข้อมูลหลายประเภทได้พร้อมกันบนแผนที่เดียว

Image

Image

2. ตารางข้อมูล (Data Table)

Image

ด้านข้างของหน้าจอแผนที่ จะแสดงตารางข้อมูลเชิงตัวเลขประกอบ เช่น

  • รายการสถานีที่แสดงอยู่บนแผนที่

  • ค่าล่าสุดของฝน, ระดับน้ำ, ความเค็ม ฯลฯ

สามารถเรียงลำดับ ค้นหา หรือคลิกเพื่อเน้นจุดบนแผนที่

Image

Image

Image

Image

Image

Image

Image

 

3. หน้าจอแผนที่ (Map View)

Image

พื้นที่หลักของหน้าจอจะแสดง แผนที่แบบโต้ตอบ (Interactive Map) ซึ่งแสดงข้อมูลในเชิงพื้นที่ เช่น

  • จุดสถานีตรวจวัด (POI)

  • เส้นทางพายุ

  • พื้นที่เสี่ยง 

  • ภาพเรดาร์เคลื่อนไหว

ผู้ใช้งานสามารถใช้เมาส์เลื่อน, ซูม หรือคลิกดูรายละเอียดข้อมูลแต่ละจุดได้

Image

จุดข้อมูล (POI) บนแผนที่

ในการแสดงผลข้อมูลบนระบบแผนที่ ThaiWater ข้อมูลจากสถานีตรวจวัดต่าง ๆ จะถูกแสดงเป็น จุดข้อมูล หรือที่เรียกว่า POI (Point of Interest) ซึ่งมีรูปแบบการแสดงผลที่แตกต่างกันขึ้นอยู่กับจำนวนข้อมูลและระดับการซูมแผนที่ โดยมี 2 รูปแบบหลัก

1. แบบรวมกลุ่ม (Cluster)

  • ใช้เมื่อมีจุดข้อมูลจำนวนมากในบริเวณใกล้กัน

  • ระบบจะรวมจุดเหล่านั้นเป็นกลุ่มเดียว แสดงเป็น วงกลมใหญ่

  • ภายในวงกลมจะแสดง ค่ารวม (เช่น ปริมาณฝนรวม)

  • เหมาะสำหรับการดูภาพรวมในระดับประเทศหรือภูมิภาค

  • ระดับการรวมกลุ่มจะปรับไปตามระดับการซูมแผนที่

2. แบบเดี่ยว (Individual Point)

  • แสดงค่าของสถานีแต่ละแห่งแยกกันชัดเจน

  • เมื่อซูม POI จะเปลี่ยนจากกลุ่มเป็นรายสถานี

  • สามารถคลิกที่ POI เพื่อดูข้อมูลเชิงลึก เช่น กราฟย้อนหลัง หรือข้อมูลของสถานี

  • เหมาะสำหรับการวิเคราะห์เชิงลึกในพื้นที่เฉพาะ

Image

Image

4. รายละเอียดและกราฟข้อมูล (POI Detail & Graph)

Image

เมื่อผู้ใช้งานคลิกที่จุดสถานี (POI) บนแผนที่ หรือแถวในตาราง

  • ระบบจะแสดงข้อมูลเชิงลึกของสถานี เช่น ค่าล่าสุด, หน่วย, เวลาอัปเดต

  • มี กราฟแสดงข้อมูลย้อนหลัง ให้ดูแนวโน้ม

Image

Image

ส่วนที่เกี่ยวข้องกับฟีเจอร์อื่น ๆ

  1. เพิ่มสถานีโปรด อ่านวิธีการใช้งานที่ 12.3 สถานีโปรด

  2. รายงานปัญหา อ่านวิธีการใช้งานที่ 9. การแจ้งปัญหา

  3. เพิ่มในรายการเปรียบเทียบ อ่านวิธีการใช้งานที่ 12.5 เปรียบเทียบกราฟ

5. ค้นหาพื้นที่

Image

ระบบแผนที่รองรับการค้นหาพื้นที่ที่สนใจ เพื่อให้ผู้ใช้งานเข้าถึงข้อมูลได้รวดเร็ว โดยสามารถพิมพ์ชื่อพื้นที่ในช่องค้นหา เช่น

  • ชื่อภาค จังหวัด อำเภอ ตำบล และลุ่มน้ำ

  • ชื่อสถานีตรวจวัด

Image

Image

 

Image

เมื่อเลือกพื้นที่แล้ว แผนที่จะเลื่อนไปแสดงตำแหน่งดังกล่าวโดยอัตโนมัติ และไฮไลต์จุดที่เกี่ยวข้อง

Image

ImageImage

 

6. แสดงเส้นขอบเขตพื้นที่ (Boundary Overlay)

Image

ผู้ใช้งานสามารถเปิด/ปิดการแสดงขอบเขตบนแผนที่ เพื่อช่วยในการตีความข้อมูลในเชิงพื้นที่ ได้แก่ขอบเขต จังหวัด อำเภอ ตำบล ลุ่มน้ำ

เส้นขอบเขตช่วยให้ผู้ใช้งานสามารถมองเห็นความเชื่อมโยงระหว่างข้อมูลกับพื้นที่ทางภูมิศาสตร์ได้ชัดเจนยิ่งขึ้น

Image

Image

7. ตัวเลือกการจัดกลุ่มข้อมูล POI (Cluster View)

Image

เมื่อเปิดใช้งานการจัดกลุ่มระบบจะรวมจุดข้อมูลจำนวนมากในพื้นที่ใกล้กันให้เป็น วงกลมขนาดใหญ่ เพื่อดูภาพรวม โดยวงกลมจะแสดงค่ารวม (หรือค่าเฉลี่ย) และใช้ สีตามเกณฑ์ข้อมูล เช่น ปริมาณของฝน

ผู้ใช้งานสามารถสลับเปิด/ปิด Cluster Mode ได้ตามต้องการ เพื่อเลือกดูภาพรวม (รวมกลุ่ม) หรือรายละเอียดสถานีแต่ละแห่ง (แบบเดี่ยว)

Image

Image

8. รายละเอียดแผนที่ (Map Layer Details)

Image

ผู้ใช้งานสามารถเลือกพื้นหลัง (Basemap) และองค์ประกอบเพิ่มเติมของแผนที่ เช่น

  • Basemap

    • แผนที่ถนน

    • แผนที่ภูมิประเทศ

    • ภาพถ่ายดาวเทียม

  • องค์ประกอบเสริม

    • เส้นทางแม่น้ำ

Image

9. ส่วนควบคุมอื่น ๆ (Map Controls)

Image

Image

Image