網頁內嵌PM2.5資料超簡單(1091231)

在網頁上內嵌PM2.5資料，可以快速知道現在的空氣品質。

——————————————————–

1.點下面連結

https://list.airmap.g0v.tw/

2.選擇您想要的PM2.5測站，右下角[Widget]

3.有三種樣式，選擇您希望呈現的樣式，將HTML碼複製到您的網頁，就完成了。

一般使用紅色框框內的HTML碼，如果無法顯示，可以改用藍色框框內的HTML碼。

宜蘭縣教網部落格，請在網頁後台，外觀，小工具，選[教網自訂HTML區塊]，貼上程式碼

————————————————————————–

注意：

1.這裡取得的溫度是空氣盒子裡溫溼度感測器測到的溫度，會比實際室溫高一點。

2.因為不是所有空氣盒子都提供開放資料，您查詢的測站有可能查不到資料。

如果您的網頁系統比較舊，可能不支援新的程式碼格式，可以修改下面的程式碼。

在上面步驟2中將測站的編號複製下來，取代下面程式碼的紅色部分。

以下是三種不同的形式的程式碼

PM2.5即時顯示(thin)

    <iframe frameborder=”0″ height=”150″ src=”http://airmap.g0v.asper.tw/widget/thin/LASS-Airbox$74DA38F208E2” width=”100%”></iframe>

PM2.5即時顯示(text)

    <iframe frameborder=”0″ height=”250″ src=”http://airmap.g0v.asper.tw/widget/text/LASS-Airbox$74DA38F208E2” width=”100%”></iframe>

PM2.5顯示(marker)

    <iframe frameborder=”0″ height=”200″ src=”http://airmap.g0v.asper.tw/widget/marker/LASS-Airbox$74DA38F208E2” width=”100%”></iframe>

感謝 G0V 徐烱騰 （Asper Hsu） 先生提供支援。

————————

相關連結：

網頁內嵌PM2.5即時資料顯示
widget 元件進階使用
https://widget.airmap.g0v.tw/?fbclid=IwAR0pQPEGNDeGtLUf9ddoZFjDT8rQBm1ZuzqbwTFBtDwXSGFhMbFw4W_9Ukg

https://www.facebook.com/asperhsu