真气网-污染趋势预报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>真气网-污染趋势预报</title> <meta name="keywords" content="PM2.5预测分布图,空气质量预测,大数据分析,PM2.5数据分析,排名预测,微环境监测,真气网,公众健康,真气环保环境大数据中心,杭州真气环保科技有限公司"> <meta name="description" content="真气网是杭州真气环保科技有限公司倾力研发的环境大数据平台，收录了全国500余个国省控城市，2000余个空气监测站点，提供未来五日空气质量预报（PM2.5预报），PM2.5历史数据查询，全国空气质量污染地图分布，城市排名，PM2.5数据挖掘分析及可视化展示，室内微环境监测及健康指导，通过环境大数据的挖掘分析，真实反应公众生活微环境的空气污染水平，真实评估空气污染的健康威胁与影响，真正解决公众微环境空气质量水平，重污染天气保护特定敏感人群，持续长久的服务公众体内真气提升，打造健康生活。">  <link rel="stylesheet" type="text/css" href="./resource/css/bootstrap.css" rel="stylesheet">  <style> body{overflow-x: hidden;} #title{text-align:center;font-size: 20px;margin: 14px auto;} h2{font-size:1.3em;} .btnwarning{color: #ffffff !important;background-color: #3AD000 !important;border-color: #BBBBBB;} /*.table{wid}*/ #source{width: 90%;margin: 20px 5% 10px 5%;height: 250px;} #publishdate{margin-left: 5%;color: #aaa;} .red{color:red;text-indent: 2em;margin: 10px 0 0 32%;} /*.table {display: table;table-layout: fixed;width: 100%;margin: 20px 5% 10px 5%;height: 250px;}*/ /*.table-cell {display: table-cell;text-align: center;vertical-align: middle;}*/ /*img{}*/ </style> </head> <body> <div class="container"> <div class="row"> <h2 id="title">全国未来五天AQI趋势分布图</h2>  <center> <div class="btn-group" role="group"> <span class="btn btn-xs btn-default btnwarning">AQI</span> <span class="btn btn-xs btn-default">PM2.5</span> <span class="btn btn-xs btn-default">PM10</span> <span class="btn btn-xs btn-default">SO2</span> <span class="btn btn-xs btn-default">O3</span> <span class="btn btn-xs btn-default">CO</span> <span class="btn btn-xs btn-default">NO2</span>  </div> </center>   <p class="red"></p> <img id="source" src=""/> <div id="publishdate">发布时间：</div> </div> </div> <style> #stick{width: 54px;height: 54px;border-radius: 50%;background: #3AD000 url("./img/home.png") no-repeat center center;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.30);background-size: 25px 20px;position: fixed;bottom: 30px;right: 20px;z-index: 1000;} </style> <br/> <div style="background-color:white;line-height:25px; width: 100%;height:25px;position:fixed;bottom:0px;left:0;text-align:center;font-size: 13px;z-index:999;color:gray">数据未经总站审核，仅供实时动态参考 <span onclick="javascript:$(this).parent().remove()" style="font-size:12px;color: red;padding-left:15px;cursor:pointer">点击关闭</span></div> <a href="index.php" id="stick"></a> <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=lhDSpgNh0vHa2niIO0Odh7waQbzyGQUT"></script> <script type="text/javascript" src="//api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> <script type="text/javascript"> var openid = ''; // var geolocation = new BMap.Geolocation(); // document.body.style.display = 'none' // geolocation.getCurrentPosition(function(r){ // if(this.getStatus() == BMAP_STATUS_SUCCESS){ // var point = new BMap.Point(r.point.lng,r.point.lat); // var gc = new BMap.Geocoder(); // gc.getLocation(point, function(rs) { // var addComp = rs.addressComponents; // var mycity=addComp.city; // city=mycity.substr(0,mycity.length-1); // if(city == '杭州'){ // document.body.innerHTML = '<div> </div>' // } else { // document.body.style.display = '' // } // }) // } // else { // alert("定位失败！将自动切换到默认城市“杭州”！"); // city="杭州"; // getdata(city); // getbestpoint(city); // document.body.style.display = '' // } // },{enableHighAccuracy: true}) if(openid!=null && openid!='') { $.cookie('openid', openid); $.cookie('nickname', ''); $.cookie('headimgurl', ''); } </script> <div style="clear: both;color: #999; padding-top: 2px;font-size:12px;text-align:center;position: relative;bottom: 0;z-index: ;"> <br/><a href="https://beian.miit.gov.cn" target="_blank">浙ICP备15007754号-1</a><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1254317176'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/stat.php%3Fid%3D1254317176%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script> </div> <br/> <script type="text/javascript" src="./resource/js/jquery.min.js"></script> <script type="text/javascript" src="./resource/js/jquery.cookie.js"></script> <script type="text/javascript" src="./resource/js/bootstrap.min.js"></script> <script> function changeType(type){ $.ajax({ type:"get", url:"./api/newsapi.php", async:false, data:{ 'op':'gainForecast', 'type':type }, success:function(data){ var data = JSON.parse(data); // console.log(data); if(data.length != 0){ $("#source").attr('src',"./resource/img/loading.gif"); $(".red").text(""); var imgNum=$('#source').length; $('#source').load(function(){ if(!--imgNum){ // 加载完成 var src = "http://graph.zq12369.com/"+data[0].relativepath; $("#source").attr('src',src); var time = data[0].updatetime; $("#publishdate").text("发布时间：" + time); } }); }else{ $("#source").attr('src',"./resource/img/white.jpg"); $("#publishdate").text(""); $(".red").text("无相关数据"); } } }); } // $(function(){ var type = 'AQI'; changeType(type); $(".btn").on('click',function(){ $(".btn").removeClass("btnwarning"); $(this).addClass("btnwarning"); type = $(this).text(); $("#title").text("全国未来五天"+type+"趋势分布图"); changeType(type); }); // }); </script> </body> </html>

CINXE.COM

真气网-污染趋势预报