CINXE.COM
Trang chủ | Cổng thông tin quan trắc môi trường thủ đô Hà Nội
<!DOCTYPE html> <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> <!--[if !IE]><!--> <html lang="en"> <!--<![endif]--> <head> <meta charset="utf-8" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /> <meta property="app_domain" content="" /> <title>Trang chủ | Cổng thông tin quan trắc môi trường thủ đô Hà Nội</title> <meta name="csrf_token" content="TKLZD1bf69c8Jwd1gv2op6MwxHkRhRSrioFEoVLC" /> <meta name="lang" content="vi" /> <meta name="key_map" content="H51zPpOb53n4d34MVzmZ" /> <!-- ================== BEGIN BASE CSS STYLE ================== --> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" /> <link href="/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" /> <link href="/assets/plugins/flag-icon/css/flag-icon.css" rel="stylesheet" /> <link href="/assets/css/animate.min.css" rel="stylesheet" /> <link href="/assets/css/style.min.css" rel="stylesheet" /> <link href="/assets/css/style-responsive.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script> <script src="https://cdn.maptiler.com/mapbox-gl-js/v1.5.1/mapbox-gl.js"></script> <script src="https://cdn.maptiler.com/mapbox-gl-leaflet/latest/leaflet-mapbox-gl.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" /> <link rel="stylesheet" href="https://cdn.maptiler.com/mapbox-gl-js/v1.5.1/mapbox-gl.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.4.6/css/flag-icon.min.css" integrity="sha256-YjcCvXkdRVOucibC9I4mBS41lXPrWfqY2BnpskhZPnw=" crossorigin="anonymous" /> <link href="/css/myapp.css?v=14" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="/css/chosen.css"> <link rel="stylesheet" type="text/css" href="/vendor/homepage/home.css"> </head> <body> <!-- begin #header --> <div id="header" class="header navbar navbar-default navbar-fixed-top mynav"> <!-- begin container --> <div class="container"> <div class="col-md-3 navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a style="display:none !important" class="visible-xs btn-map-menu" href="/mobile-map"><i class="fa fa-globe"></i> BẢN ĐỒ</a> <a href="/" class="navbar-brand navbar-header--image"> <img class="hidden-xs hidden-sm" style="width:300px;" src="/images/logo.png"> <img class="visible-xs visible-sm" style="height: 48px" src="/images/logo-xs.png"> </a> </div> <div class="collapse" id="header-navbar"> <ul class="nav navbar-nav"> <li><a href="/"><i class="fa fa-home"></i> Trang chủ</a></li> <li><a href="/thong-tin">Tin tức</a></li> <li> <a href="javascript:;" data-toggle="dropdown">Thư viện <b class="caret"></b></a> <ul class="dropdown-menu submenu"> <li><a href="/thu-vien/1">Quan trắc chất lượng không khí</a></li> <li><a href="/thu-vien/2">Ô nhiễm không khí</a></li> <li><a href="/thu-vien/3">Báo cáo chất lượng không khí</a></li> <li><a href="/thu-vien/4">Câu hỏi thường gặp</a></li> </ul> </li> <li><a href="/lien-he">Liên hệ</a></li> <li><a href="/lien-ket">Liên kết</a></li> <li> <a href="/lang/en"><span class="flag-icon flag-icon-gb"></span></a> </li> <li> <a href="/lang/vi"><span class="flag-icon flag-icon-vn"></span></a> </li> </ul> </div> <div class="collapse navbar-collapse"> <div class="col-md-7 position-header"> <div class="links"> <ul class="nav navbar-nav"> <li><a href="/lien-he"><i class="fas fa-envelope" style="font-size: 1.4rem"></i> Liên hệ</a></li> <li class="slash">|</li> <li><a href="/lien-ket"><i class="fa fa-link icon" style="font-size: 1.4rem"></i> Liên kết</a></li> <li class="slash">|</li> <li> <a href="/lang/en"><span class="flag-icon flag-icon-gb"></span></a> </li> </ul> </div> <div class="menu-item"> <div class="col-md-8 navbar-collapse col-menu-item"> <ul class="nav navbar-nav nav-bottom"> <li><a href="/"><i class="fa fa-home icon"></i> Trang chủ</a> </li> <li><a href="/thong-tin"><i class="far fa-newspaper" style="font-size: 1.6rem"></i> Tin tức</a></li> <li> <a href="javascript:;" data-toggle="dropdown"><i class="fas fa-folder-open" style="font-size: 1.6rem"></i> Thư viện <b class="caret"></b></a> <ul class="dropdown-menu has-submenu"> <li><a href="/thu-vien/1">Quan trắc chất lượng không khí</a> </li> <li><a href="/thu-vien/2">Ô nhiễm không khí</a> </li> <li><a href="/thu-vien/3">Báo cáo chất lượng không khí</a> </li> <li><a href="/thu-vien/4">Câu hỏi thường gặp</a> </li> </ul> </li> </ul> </div> </div> <div class="logo-app"> <img src="https://moitruongthudo.vn/images/GetItOnGooglePlay.png" alt="" onclick="toastInfo('Đang phát triển')"> <img src="https://moitruongthudo.vn/images/app-store.png" alt="" onclick="toastInfo('Đang phát triển')"> </div> </div> <div class="col-md-2 header--search"> <!-- Search form --> <form class="search-form" action="https://moitruongthudo.vn/search " method="GET"> <input class="input-search-form" name="word" placeholder="Tìm kiếm"/> <button type="submit" class="btn-search-form">| <i class="fa fa-search"></i></button> </form> </div> </div> </div> <!-- end container --> </div> <!-- end #header --> <!-- begin #content --> <div id="content" class="content"> <div class="container"> <div class="col-md-12"> <div class="col-md-4"> <form> <h2 class="stitle"><i class="fa fa-navicon"></i> Chọn điểm đo</h2> <select name="site_id" id="site_id" class="form-control chosen-select"> <option value="14" selected>Số 46, phố Lưu Quang Vũ</option> <option value="15">Minh Khai - Bắc Từ Liêm</option> <option value="31">Đào Duy Từ</option> <option value="38">An Khánh</option> <option value="39">Vân Hà</option> </select> </form> <h5 id="data_lbl_date">Chỉ số Chất lượng không khí ngày 04/04/2025 07:00</h5> <div id="dailyAQISpan" data-color="#ffff00"> <div class="col-sm-6"> <div class="row"> <div class="col-xs-6 z-index-1"> <span class="dailyAQI-text color-text-custom">AQI </span> <span class="dailyAQI-value dailyAQI-text color-text-custom">77</span> </div> <div class="col-xs-6 z-index-0"> <img src="/images/face2.png" class="icon-image" alt=""> </div> </div> </div> <div class="col-sm-6 padding-aqi-text"> <div class="row"> <div class="col-xs-12"> <span class="aqiText"><span class="aqiTextInner color-text-custom">Trung bình</span></span> </div> <div class="col-xs-6 "> <i class="fa fa-tint fa-2x humid-icon color-text-custom" aria-hidden="true"></i> <small class="humidText text-center color-text-custom">Độ ẩm <br /><strong id="humidText" > 74.4%</strong></small> </div> <div class="col-xs-6 "> <i class="fa fa-thermometer-empty fa-2x humid-icon color-text-custom" aria-hidden="true"></i> <small class="tempText text-center color-text-custom">Nhiệt độ <br /><strong id="tempText"> 17.6°C</strong></small> </div> </div> </div> </div> <div class="text-bottom-aqi-desc" style="display: none"> <p> <img class="icon-bottom-aqi-desc" src="https://moitruongthudo.vn/images/icon-speacker.png" alt="" srcset=""> <span id="aqiWarning">Nhóm nhạy cảm có thể chịu những tác động nhất định tới sức khỏe </span> </p> <p> <i class="fas fa-lightbulb icon-bottom-aqi-desc"></i> <span id="aqiSuggest">Nhóm người bình thường: Tự do thực hiện các hoạt động ngoài trời.</span> </p> <p> <i class="icon-bottom-aqi-desc sensitive"></i> <span id="aqiSuggestSensitive">Nhóm người nhạy cảm: Nên theo dõi các triệu chứng như ho hoặc khó thở, nhưng vẫn có thể hoạt động bên ngoài.</span> </p> </div> </div> <div class="col-md-8"> <div id="map-container"> <div id="map"></div> <div class="aqi_indexs hidden-xs"> <label style="font-size: 10px;font-weight: bold;padding: 0;margin: 0">AQI – Chỉ số chất lượng không khí</label> <table class="table"> <tr> <td class="level" style="background-color: #00e400; color: white">0-50</td> <td class="level" style="background-color: #ffff00; color: black">51-100</td> <td class="level" style="background-color: #ff7e00; color: white">101-150</td> <td class="level" style="background-color: #ff0000; color: white">151-200</td> <td class="level" style="background-color: #8f3f97; color: white">201-300</td> <td class="level" style="background-color: #7e0023; color: white">300+</td> </tr> <tr> <td class="leveltext" >Tốt</td> <td class="leveltext" >Trung bình</td> <td class="leveltext" >Kém</td> <td class="leveltext" >Xấu</td> <td class="leveltext" >Rất xấu</td> <td class="leveltext" >Nguy hại</td> </tr> </table> </div> </div> </div> </div> <div class="col-md-12"> <div class="col-md-5"> <div class="row"> <div class="col-xs-6" style="margin-top:12px;"> <span class="indicatorAQI selectedMenu btn_barchart">Nồng độ</span> </div> <div class="col-xs-6" style="margin-top:12px;"> <span class="indicatorAQI btn_linechart">AQI</span> </div> </div> </div> </div> <div class="col-md-12"> <div class="col-md-6"> <h4 class="note-h4 aqi-right-barchart tbl_Min_Max ">Biểu đồ nồng độ các chỉ tiêu quan trắc</h4> <div class="notez aqi-right-barchart tbl_Min_Max"> Để biết nồng độ giờ cụ thể, vui lòng click vào biểu đồ </div> <h4 class="note-h4 aqi-right-linechart tbl_aqi_desc">Chỉ số AQI theo các chỉ tiêu quan trắc</h4> <div class="notez aqi-right-linechart tbl_aqi_desc"> Để biết AQI giờ cụ thể, vui lòng click vào biểu đồ </div> <div class="aqiContainer"> <div id="indicatorStatPM2.5" class="indicatorStat"></div> <div id="indicatorStatPM10" class="indicatorStat"></div> <div id="indicatorStatNO2" class="indicatorStat"></div> <div id="indicatorStatSO2" class="indicatorStat"></div> <div id="indicatorStatCO" class="indicatorStat"></div> <div id="indicatorStatO3" class="indicatorStat"></div> </div> </div> <div class="col-md-6"> <div class="tbl_aqi_desc"> <h2 class="stitle"><i class="fa fa-navicon"></i> Bảng quy đổi giá trị AQI</h2> <table class="table table-bordered"> <tr class="active"> <th style="width: 100px; text-align:center">Giá trị AQI</th> <th style="text-align: center">Đánh giá</th> <th style="text-align: center"><p style="margin-top: 12px">Ảnh hưởng sức khỏe con người</p></th> </tr> <tr> <td class="vertical-middle">0-50</td> <td class="vertical-middle" style="background-color: #00e400; color: white; font-weight: bold">Tốt</td> <td style="text-align: justify">Chất lượng không khí tốt, không ảnh hưởng tới sức khỏe.</td> </tr> <tr> <td class="vertical-middle">51-100</td> <td class="vertical-middle" style="background-color: #ffff00;color: black; font-weight: bold">Trung bình</td> <td style="text-align: justify">Chất lượng không khí ở mức chấp nhận được. Tuy nhiên, đối với những người nhạy cảm (người già, trẻ em, người mắc các bệnh hô hấp, tim mạch…) có thể chịu những tác động nhất định tới sức khỏe.</td> </tr> <tr> <td class="vertical-middle">101-150</td> <td class="vertical-middle" style="background-color: #ff7e00; color: white; font-weight: bold">Kém</td> <td style="text-align: justify">Những người nhạy cảm gặp phải các vấn đề về sức khỏe, những người bình thường ít ảnh hưởng.</td> </tr> <tr> <td class="vertical-middle">151-200</td> <td class="vertical-middle" style="background-color: #ff0000; color: white; font-weight: bold">Xấu</td> <td style="text-align: justify">Những người bình thường bắt đầu có các ảnh hưởng tới sức khỏe, nhóm người nhạy cảm có thể gặp những vấn đề sức khỏe nghiêm trọng hơn.</td> </tr> <tr> <td class="vertical-middle" >201-300</td> <td class="vertical-middle" style="background-color: #8f3f97; color: white; font-weight: bold">Rất xấu</td> <td style="text-align: justify">Cảnh báo ảnh hưởng tới sức khỏe: mọi người bị ảnh hưởng tới sức khỏe nghiêm trọng hơn.</td> </tr> <tr> <td class="vertical-middle">300+</td> <td class="vertical-middle" style="background-color: #7e0023; color: white; font-weight: bold">Nguy hại</td> <td style="text-align: justify">Cảnh báo khẩn cấp về sức khỏe: Toàn bộ dân số bị ảnh hưởng tới sức khỏe tới mức nghiêm trọng.</td> </tr> <tr> <td colspan="3"> <p>Nhóm nhạy cảm bao gồm: trẻ em, người già và những người mắc bệnh hô hấp</p> </td> </tr> </table> <p style="text-align: justify; word-break: break-word"> Chỉ số chất lượng không khí (AQI) tính theo hướng dẫn tại Quyết định1459/QĐ-TCMT ngày 12/11/2019 của Tổng cục Môi trường về việc ban hành Hướng dẫn kỹ thuật tính toán và công bố chỉ số chất lượng không khí Việt Nam (VN_AQI). </p> </div> <div class="tbl_Min_Max"> <h2 class="stitle"><i class="fa fa-navicon"></i> Giá trị giới hạn các thông số cơ bản trong không khí</h2> <p style="text-align: right">Đơn vị: Microgam trên mét khối (μg/m³)</p> <table class="table table-bordered table-min-max"> <thead> <tr class="active"> <th><p style="margin-bottom: 18px">TT</p></th> <th><p style="margin-bottom: 18px">Thông số</p></th> <th>Trung bình 1 giờ</th> <th>Trung bình 8 giờ</th> <th colspan="2">Trung bình 24 giờ</th> <th>Trung bình 1 năm</th> </tr> </thead> <tbody> <tr> <th>1</th> <td class="text-left">SO<span style="font-size: 10px">2</span></td> <td>350</td> <td>-</td> <td colspan="2">125</td> <td>50</td> </tr> <tr> <th>2</th> <td class="text-left">CO</td> <td>30.000</td> <td>10.000</td> <td colspan="2">-</td> <td>-</td> </tr> <tr> <th>3</th> <td class="text-left">NO<span style="font-size: 10px">2</span></td> <td>200</td> <td>-</td> <td colspan="2">100</td> <td>40</td> </tr> <tr> <th>4</th> <td class="text-left">O<span style="font-size: 10px">3</span></td> <td>200</td> <td>120</td> <td colspan="2">-</td> <td>-</td> </tr> <tr> <th>5</th> <td class="text-left">Tổng bụi lơ lửng (TSP)</td> <td>300</td> <td>-</td> <td colspan="2">200</td> <td>100</td> </tr> <tr> <th>6</th> <td class="text-left">Bụi PM<span style="font-size: 10px">10</span></td> <td>-</td> <td>-</td> <td colspan="2">100</td> <td>50</td> </tr> <tr> <th>7</th> <td class="text-left">Bụi PM<span style="font-size: 10px">2.5</span></td> <td>-</td> <td>-</td> <td>50</td> <td>45<span style="font-size: 10px; position: absolute">(*)</span></td> <td>25</td> </tr> <tr> <th colspan="7"> <p style="text-align: left; font-weight: normal">Ghi chú: </p> <p style="text-align: left; font-weight: normal">- Dấu ( - ) là không quy định</p> <p style="text-align: left; font-weight: normal">- (*): Giá trị nồng độ áp dụng từ ngày 01 tháng 01 năm 2026.</p> </th> </tr> </tbody> </table> <p style="text-align: justify; word-break: break-word"> Theo QCVN 05:2023/BTNMT - Quy chuẩn kỹ thuật quốc gia về chất lượng không khí ban hành kèm theo Thông tư số 01/2023/TT-BTNMT ngày 13/03/2023 của Bộ trưởng Bộ Tài nguyên và Môi trường.</p> </div> </div> </div> </div> </div> <div class="modal"><!-- Place at bottom of page --></div> <!-- end #content --> <!-- begin #footer --> <footer id="footer"> </footer> <!-- end #footer --> <!-- ================== BEGIN BASE JS ================== --> <script src="/assets/plugins/jquery/jquery-1.9.1.min.js"></script> <script src="/assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script src="/js/all.js?v=1743727296"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> function toastSuccess(message) { Swal.fire({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2500, icon: 'success', title: message }) } function toastError(message) { Swal.fire({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2500, icon: 'error', title: message }) } function toastWarning(message) { Swal.fire({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2500, icon: 'warning', title: message }) } function toastInfo(message) { Swal.fire({ toast: true, position: 'top-end', showConfirmButton: false, timer: 2500, icon: 'info', title: message }) } </script> <!-- ================== END BASE JS ================== --> <script> $(function(){ $('.btnCopyLink').click(function(){ let button = $(this) const el = document.createElement('textarea'); el.value = $(this).data('link'); el.setAttribute('readonly', ''); el.style.position = 'absolute'; el.style.left = '-9999px'; document.body.appendChild(el); el.select(); document.execCommand('copy'); document.body.removeChild(el); $(this).text('Đã copy') setTimeout(function(){ $(button).text('Copy link') },3000) }) }) </script> <script src="/js/amchart/amcharts.js"></script> <script src="/js/amchart/serial.js"></script> <script src="/js/amchart/export.min.js"></script> <link rel="stylesheet" href="/js/amchart/export.css" type="text/css" media="all" /> <script src="/js/amchart/light.js"></script> <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.0.1/build/ol.js"></script> <script src="/js/jquery.timeago.js"></script> <script src="/js/jquery.timeago.vi.js"></script> <script src="/js/chosen.jquery.min.js"></script> <script src="/js/jquery.slimscroll.min.js"></script> <script src="/vendor/homepage/home.js"></script> </body> </html>