Widget 小工具

如果想把特定測站嵌入網頁，您可以從下方預覽小工具與取得HTML碼

簡約列表

建議尺寸

高度: 230px

Code

<div class="airmap-widget">
    <widget-text group="LASS-Airbox" uuid="08BEAC245C70"></widget-text>
</div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

相容版本

如上方的版本未出現，可測試使用相容版本 

<div class="airmap-single-widget" data-type="text" data-group="LASS-Airbox" data-uuid="08BEAC245C70"></div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

醒目圖示

建議尺寸

高度比寬度小10px. Ex: width: 230px => height: 220px

Code

<div class="airmap-widget">
    <widget-marker group="LASS-Airbox" uuid="08BEAC245C70"></widget-marker>
</div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

相容版本

如上方的版本未出現，可測試使用相容版本 

<div class="airmap-single-widget" data-type="marker" data-group="LASS-Airbox" data-uuid="08BEAC245C70"></div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

狹窄

建議尺寸

適合寬度不大的版面使用，最低寬度需求 120px

Code

<div class="airmap-widget">
    <widget-thin group="LASS-Airbox" uuid="08BEAC245C70"></widget-thin>
</div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

相容版本

如上方的版本未出現，可測試使用相容版本 

<div class="airmap-single-widget" data-type="thin" data-group="LASS-Airbox" data-uuid="08BEAC245C70"></div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

如需更多說明，請參考小工具說明