懸浮微粒 即時資訊查詢：
HTML source code :
<!DOCTYPE html><html><head><script src="https://code.jquery.com/jquery-git.js"></script><link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" type="text/css" /><meta charset="utf-8"><meta name="viewport" content="width=device-width"><title>懸浮微粒 即時資訊</title><script>var $URL="https://data.moenv.gov.tw/api/v2/aqx_p_432?api_key=e8dd42e6-9b8b-43f8-991e-b3dee723a52d&limit=1000&sort=ImportDate desc&format=JSON";//var $URL="https://data.moenv.gov.tw/api/v2/aqx_p_149?api_key=e8dd42e6-9b8b-43f8-991e-b3dee723a52d&limit=1000&sort=ImportDate%20desc&format=JSON";$(document).ready(function() {var $content = $('#content');var $content2 = $('#content2');var $select = $('#select');var $btn = $('#btn');var $update = $('#update');var county = [];var result;//$.get('http://opendata2.epa.gov.tw/AQX.json',function(data){$.get($URL,function(data){console.log("typeof: ");console.log( typeof(data) );console.log("----- ");(data.records || []).forEach(function(e,i){county[i] = e.county;//console.log(e);});console.log("----- ");/*aqi: "21"co: "0.16"co_8hr: "0.1"county: "金門縣"latitude: "24.432133"longitude: "118.312256"no: "2.3"no2: "6.5"nox: "8.9"o3: "31.8"o3_8hr: "13.3"pm2.5: "7"pm2.5_avg: "6.5"pm10: "22"pm10_avg: "20"pollutant: ""publishtime: "2024/09/09 10:00:00"siteid: "77"sitename: "金門"so2: "1.3"so2_avg: "0"status: "良好"wind_direc: "23"wind_speed: "2.7"*/result=county.filter(function(element, index, arr){return arr.indexOf(element)=== index;});console.log("result="+result);//篩選出縣市名稱(不然會很多重複)result.forEach(function(e){$select.append('<option value="'+e+'">'+e+'</option>');});$btn.on('click',function(){var s = $select.val();$content.html(''); //清空內容$content2.html(''); //清空內容data.records.forEach(function(e,i){if(e.county == s){$content.append('<'+e.sitename+'  - '+e.publishtime+'> :  <a href="http://maps.google.com/maps?z=12&t=m&q=loc:'+e.latitude+'+'+e.longitude+'">'+e.aqi+':'+e.status+'<img width=16 height=16 src="data:image/jpeg;base64,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"></A><BR>  PM2.5:'+e['pm2.5']+',  PM10:'+e.pm10+ ',  CO:'+e.co+',  NO:'+e.no+',  SO2:'+e.so2+',    Wind direct:'+e.wind_direc+', speed:'+e.wind_speed+(e.pollutant!=""?(',    *pollutant='+e.pollutant):'')+'<br/>');}if((e.status!='良好')||(e.aqi>50)||(e['pm2.5']>15)||(e.pollutant!="")) {$content2.append('<'+e.sitename+'  - '+e.publishtime+'> :  <a href="http://maps.google.com/maps?z=12&t=m&q=loc:'+e.latitude+'+'+e.longitude+'">'+e.aqi+':'+e.status+'<img width=16 height=16 src="data:image/jpeg;base64,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"></A><BR>  PM2.5:'+e['pm2.5']+',  PM10:'+e.pm10+ ',  CO:'+e.co+',  NO:'+e.no+',  SO2:'+e.so2+',    Wind direct:'+e.wind_direc+', speed:'+e.wind_speed+(e.pollutant!=""?(',    *pollutant='+e.pollutant):'')+'<br/>');}});});});});</script></head><body><pre>懸浮微粒 即時資訊查詢： <BR/><select ID="select"><option>臺南市</option></select> <button class="btn" ID="btn">查詢</button> <BR/><div ID="content"> </div><hr/><div ID="content2"> </div><script>function UpdateTimer(q) {if ((q=='') || (0==q)) {console.log("update Disable!");q = 0;} else {if (q<10) q=15;console.log("Update="+q);}}</script><!-- //Auto Update for every <input type="text" ID="update" onchange="UpdateTimer(this.value)" value="0"> </input> Minutes // --><hr/>Reference:<a href="https://airtw.moenv.gov.tw/">https://airtw.moenv.gov.tw/</a><A href="https://tutorials.webduino.io/zh-tw/docs/socket/useful/opendata.html">https://tutorials.webduino.io/zh-tw/docs/socket/useful/opendata.html</a></pre></body></html>
沒有留言:
張貼留言