Widget 小工具

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

簡約列表

建議尺寸

高度: 230px

Code

<div class="airmap-widget">
    <widget-text group="LASS-Airbox" uuid="08BEAC0AB0A8"></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="08BEAC0AB0A8"></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="08BEAC0AB0A8"></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="08BEAC0AB0A8"></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="08BEAC0AB0A8"></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="08BEAC0AB0A8"></div>
<script src="https://widget.airmap.g0v.tw/js/airmap-widget.js"></script>

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