Skip to main content

แกลเลอรีภาพหน้าจอ

หน้าแผนที่หลัก

คำอธิบายโปรเจกต์

Atmos.th คือแผนที่คุณภาพอากาศและสภาพอากาศแบบ real-time ครบทั้ง 77 จังหวัดของไทย แปลงค่า PM2.5 เป็น AQI ตามมาตรฐาน US EPA จัดอันดับทุกจังหวัด พร้อมพยากรณ์อากาศ 7 วัน แนวโน้ม PM2.5 ล่วงหน้า 24 ชั่วโมง และเรดาร์ฝนแบบสด ทำงานบนเบราว์เซอร์ทั้งหมดด้วย API สาธารณะฟรี ไม่มี backend รองรับภาษาไทยและอังกฤษ

ฟีเจอร์

แผนที่ AQI ทั่วประเทศ

Marker AQI ครบ 77 จังหวัด แยกสีตามระดับ US EPA ตั้งแต่ Good ถึง Hazardous ซูมได้ทั้งเมาส์และคีย์บอร์ด (+, −, 0)

ข้อมูลรายจังหวัด

แต่ละจังหวัดแสดง AQI, PM2.5, สภาพอากาศ อุณหภูมิ ความชื้น และลม พร้อมป้ายแนวโน้มที่เทียบ PM2.5 กับค่าเฉลี่ย 24 ชั่วโมง

พยากรณ์ 7 วัน

กราฟ PM2.5 ล่วงหน้า 24 ชั่วโมงแบบ interactive และพยากรณ์ 7 วัน ทั้งสภาพอากาศ โอกาสฝนตก และอุณหภูมิสูงสุด-ต่ำสุดรายวัน

เรดาร์ฝนแบบสด

เลเยอร์เรดาร์ฝนจาก RainViewer ทั้งภาพย้อนหลังและคาดการณ์ระยะสั้น มีแถบเลื่อนเวลาและเล่นต่อเนื่อง และบอกได้เมื่อไม่มีฝนในพื้นที่

จัดอันดับและรายการโปรด

Sidebar พับเก็บได้ จัดอันดับจังหวัดจากอากาศแย่สุดไปดีสุด ปักหมุดจังหวัดโปรดไว้ด้านบน (บันทึกในเบราว์เซอร์) และเลื่อนดูรายการด้วยปุ่มลูกศรได้

ค้นหาและระบุตำแหน่ง

ค้นหาจังหวัดแล้วบินไปที่จังหวัดนั้นทันที หรือหาจังหวัดที่ใกล้ที่สุดด้วย geolocation ถ้าเบราว์เซอร์บล็อกตำแหน่ง แอปจะแนะนำวิธีเปิดใหม่

เทคโนโลยีที่ใช้

Frontend

React 19TypeScript 6Vite 8Tailwind CSS 4react-leafletLeafletlucide-react@bybas/weather-icons

ข้อมูลและ API

Open-Meteo Forecast APIOpen-Meteo Air Quality APIRainViewer Radar API
พิศลย์ อุตตาลกาญจนา
พิศลย์ อุตตาลกาญจนา

จบการศึกษาสาขาวิศวกรรมซอฟต์แวร์จาก KMITL กรุงเทพฯ เน้นด้าน Full Stack Web Development พัฒนาผลิตภัณฑ์ที่ใช้งานได้จริงตั้งแต่ไอเดียจนถึง deployment มุ่งมั่นเขียนโค้ดที่ดีและพัฒนาทักษะอย่างต่อเนื่อง

ติดต่อผม

  • pisol.uat@gmail.com
  • Pisol00
  • กรุงเทพมหานคร, ประเทศไทย

© 2026 พิศลย์ อุตตาลกาญจนา. สงวนลิขสิทธิ์