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&ocirc;ng tin quan trắc m&ocirc;i trường thủ đ&ocirc; H&agrave; 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&ocirc;ng kh&iacute;</a></li> <li><a href="/thu-vien/2">&Ocirc; nhiễm kh&ocirc;ng kh&iacute;</a></li> <li><a href="/thu-vien/3">B&aacute;o c&aacute;o chất lượng kh&ocirc;ng kh&iacute;</a></li> <li><a href="/thu-vien/4">C&acirc;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&ocirc;ng kh&iacute;</a> </li> <li><a href="/thu-vien/2">&Ocirc; nhiễm kh&ocirc;ng kh&iacute;</a> </li> <li><a href="/thu-vien/3">B&aacute;o c&aacute;o chất lượng kh&ocirc;ng kh&iacute;</a> </li> <li><a href="/thu-vien/4">C&acirc;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&ecirc;m</option> <option value="31">Đ&agrave;o Duy Từ</option> <option value="38">An Kh&aacute;nh</option> <option value="39">V&acirc;n H&agrave;</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&igrave;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&deg;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&oacute;m nhạy cảm c&oacute; thể chịu những t&aacute;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&oacute;m người b&igrave;nh thường: Tự do thực hiện c&aacute;c hoạt động ngo&agrave;i trời.</span> </p> <p> <i class="icon-bottom-aqi-desc sensitive"></i> <span id="aqiSuggestSensitive">Nh&oacute;m người nhạy cảm: N&ecirc;n theo d&otilde;i c&aacute;c triệu chứng như ho hoặc kh&oacute; thở, nhưng vẫn c&oacute; thể hoạt động b&ecirc;n ngo&agrave;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&igrave;nh</td> <td class="leveltext" >K&eacute;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&igrave;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&eacute;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>

Pages: 1 2 3 4 5 6 7 8 9 10