『您的瀏覽器不支援JavaScript功能,若網頁功能無法正常使用時,請開啟瀏覽器JavaScript狀態』
imgevent

跳到主要內容區塊 :::

:::

示警元件

何謂示警元件?

示警元件是以JavaScript元件庫的方式進行設計,可提供各網站開發者掛載,以顯示本平台所提供的最新示警訊息,元件本身提供低限度的自訂方式,讓使用者選擇元件版型、預設底色作為搭配選擇。

常見問題
  • Big-5網頁出現亂碼解決方案 示警元件採用Unicode編碼,若您的網頁使用big-5編碼,則容易出現亂碼,建議解決方式如下:
    1. 1.不要將示警元件直接引用於big-5編碼之網站頁面。
    2. 2.另行編輯UTF-8之html檔,並儲存於對外網路空間。
    3. 3.以iframe方式存取上步驟之HTML對外網址。
使用說明
  • 使用方式 建立一個網頁資源檔案(.htm、.html),<head> </head> 內引入示警元件的資源檔案(Javascrit資源檔),然後在<body> </body>網頁區塊內建立一個<div> </div>區塊,給予該div一個有命名規則的ID,此ID將影響你在網頁上呈現的大小以及的示警類類別的選擇。
  • 版面說明 示警元件1.0版提供5種寬、高版面規格:300 X 100、300 X 250、180 X 110、180 X 155、180 X 350。
  • 類型說明 「共通示警協議標準」中定義嚴重代碼程度區分為5種嚴重程度等級,包括:
    1. Extreme(非常嚴重的威脅)
    2. Severe(嚴重的威脅)
    3. Moderate(有威脅)
    4. Minor(很小的威脅)
    5. Unknown(未知)
    示警元件1.0版由前述5種嚴重程度區分為以下2種類型,並提供全台灣、各縣市2種不同地域性質的示警訊息。
    1. 一般示警:包含嚴重代碼為Extreme、Severe、Moderate、Minor、Unknown等全台灣的示警訊息。
    2. 高嚴重示警:包含嚴重代碼為Extreme等全台灣的示警訊息。
  • 版面、類型命名規則 不同的版面指派給 <div> </div>區塊的ID也不一樣,參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則也不一樣,請參照以下規則:
    1. 一般示警(全台灣):
      <div> </div>區塊的ID命名規則為capInfo300250,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CAP300250_CapInfo.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。
    2. 高嚴重示警(全台灣):
      <div> </div>區塊的ID命名規則為capInfo300250_Extreme,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CapInfoExtreme_300250.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。
    3. 一般示警(縣市別):
      <div> </div>區塊的ID命名規則為capInfo300250_Normal_66,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CapInfoNormal_66_300250.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。66為縣市代碼(代碼說明表)
    4. 高嚴重示警(縣市別):
      <div> </div>區塊的ID命名規則為capInfo300250_Extreme_66,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CapInfoExtreme_66_300250.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。66為縣市代碼(代碼說明表)
  • 樣式說明 示警元件會依照情境顯示不同之底色,說明如下:
    平時無示警狀態→底色顯示綠色。
    無示警狀態
    平時有示警狀態→底色顯示黃色。
    有示警狀態
    正值災害應變期間→底色顯示紅色。
    災害應變期間
元件參照表
一般示警 高嚴重示警
300X100 全台灣
script CAP300100_CapInfo.js
DIV capInfo300100
台北市
script CapInfoNormal_63_300100.js
DIV capInfo300100_Normal_63
全台灣
script CapInfoExtreme_300100.js
DIV capInfo300100_Extreme
台北市
script CapInfoExtreme_63_300100.js
DIV capInfo300100_Extreme_63
300X250 全台灣
script CAP300250_CapInfo.js
DIV capInfo300250
台北市
script CapInfoNormal_63_300250.js
DIV capInfo300250_Normal_63
全台灣
script CapInfoExtreme_300250.js
DIV capInfo300250_Extreme
台北市
script CapInfoExtreme_63_300250.js
DIV capInfo300250_Extreme_63
180X110 全台灣
script CAP180110_CapInfo.js
DIV capInfo180110
台北市
script CapInfoNormal_63_180110.js
DIV capInfo180110_Normal_63
全台灣
script CapInfoExtreme_180110.js
DIV capInfo180110_Extreme
台北市
script CapInfoExtreme_63_180110.js
DIV capInfo180110_Extreme_63
180X155 全台灣
script CAP180155_CapInfo.js
DIV capInfo180155
台北市
script CapInfoNormal_63_180155.js
DIV capInfo180155_Normal_63
全台灣
script CapInfoExtreme_180155.js
DIV capInfo180155_Extreme
台北市
script CapInfoExtreme_63_180155.js
DIV capInfo180155_Extreme_63
180X350 全台灣
script CAP180350_CapInfo.js
DIV capInfo180350
台北市
script CapInfoNormal_63_180350.js
DIV capInfo180350_Normal_63
全台灣
script CapInfoExtreme_180350.js
DIV capInfo180350_Extreme
台北市
script CapInfoExtreme_63_180350.js
DIV capInfo180350_Extreme_63
縣市名 縣市代碼
連江縣 09007
金門縣 09020
宜蘭縣 10002
彰化縣 10007
南投縣 10008
雲林縣 10009
屏東縣 10013
臺東縣 10014
花蓮縣 10015
澎湖縣 10016
基隆市 10017
新竹市 10018
臺北市 63
新北市 65
臺中市 66
臺南市 67
桃園市 68
苗栗縣 10005
新竹縣 10004
嘉義市 10020
嘉義縣 10010
高雄市 64

範例
  • 一般示警(全台灣)元件介接範例
    一般示警(全台灣)元件介接範例程式:
    <html>
      <head>
       <script type="text/javascript" src="https://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CAP300250_CapInfo.js"></script>
      <!--   如果你的網站不需要SSL驗證請引用底下前置詞為http 的script資源   -->
       <script type="text/javascript" src="http://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CAP300250_CapInfo.js"></script>
      </head>
      <body>
       <div id="capInfo300250" >
       </div>
      </body>
    </html>

    DEMO 畫面

    • 降雨
      降雨
      2020-10-20,21:10│中央氣象局
      東北風影響,易有短時強降雨,今(20日)晚至明日宜蘭縣山區有局部大雨或豪雨,宜蘭地區、基隆北海岸及大臺北山區有局部大雨發生的機率;連日降雨,山區請慎防坍方、落石及溪水暴漲。 more...
    • 降雨
      降雨
      2020-10-20,21:10│中央氣象局
      東北風影響,易有短時強降雨,今(20日)晚至明日宜蘭縣山區有局部大雨或豪雨,宜蘭地區、基隆北海岸及大臺北山區有局部大雨發生的機率;連日降雨,山區請慎防坍方、落石及溪水暴漲。 more...
    • 強風
      強風
      2020-10-20,21:15│中央氣象局
      東北風影響,臺南以北、東南部(含蘭嶼、綠島)、恆春半島沿海空曠地區及澎湖、金門、馬祖易有9至10級強陣風,沿海及鄰近海域並有較大風浪,請注意。 more...
    • 道路施工
      道路施工
      2020-10-20,17:00│臺中市政府建設局
      地下漏水、路面漏水、路面下陷、既有用戶無水處理 more...
    • 林火危險度預警
      林火危險度預警
      2020-10-20,15:00│行政院農業委員會林務局
      土城測站林火危險度預警推估為危險級 more...
    • 林火危險度預警
      林火危險度預警
      2020-10-20,15:00│行政院農業委員會林務局
      奧萬大測站林火危險度預警推估為危險級 more...
    • 道路施工
      道路施工
      2020-10-20,08:00│臺中市政府建設局
      現場通報有瓦斯味道、設備損壞或用戶供氣中斷 more...
    • 道路施工
      道路施工
      2020-10-20,08:00│臺中市政府建設局
      孔蓋異常,恐影響民眾安危 more...
    • 道路施工
      道路施工
      2020-10-20,08:00│臺中市政府建設局
      現場通報有瓦斯味道、設備損壞或用戶供氣中斷 more...
    • 疫苗供應狀況
      疫苗供應狀況
      2020-10-20,05:13│數唯科技有限公司
      臺北市立聯合醫院婦幼院區_[公費] 幼兒流感疫苗(滿6個月以上3歲以下)Influenza vaccine_庫存量短缺 more...
    • 疫苗供應狀況
      疫苗供應狀況
      2020-10-20,05:13│數唯科技有限公司
      臺北市立聯合醫院忠孝院區_[公費] 幼兒流感疫苗(滿6個月以上3歲以下)Influenza vaccine_庫存量短缺 more...
    • 疫苗供應狀況
      疫苗供應狀況
      2020-10-20,05:13│數唯科技有限公司
      臺北市立聯合醫院婦幼院區_[公費] 流感疫苗(3歲以上)Influenza vaccine_庫存量短缺 more...
    • 疫苗供應狀況
      疫苗供應狀況
      2020-10-20,05:13│數唯科技有限公司
      臺北市立聯合醫院忠孝院區_[公費] 流感疫苗(3歲以上)Influenza vaccine_庫存量短缺 more...
    • 枯旱預警
      枯旱預警
      2020-10-14,00:00│水利署
      109年10月14日供水情勢(枯旱預警)通報 影響地區:桃園市及新北市林口區、新竹縣(市)、苗栗縣、台中市及彰化縣北部地區 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,12:08│疾病管制署
      肯亞疫情更新,第27週(6/30-7/5)西北部圖爾卡納郡(Turkana)新增7例疑似;該國今年截至7/5累計5郡685例疑似,21例確診,13例死亡,近期病例分布主要為馬薩比特郡(Marsabit)及圖爾卡納郡。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,12:06│疾病管制署
      越南衛生部公布,中部高地地區截至7/22累計4省114例,其中3例死亡。病例主要發生於少數民族及偏遠地區,由於語言溝通障礙,且防疫觀念不同,家長拒絕讓孩童接種疫苗。此外,該國目前仍缺乏治療藥物及醫療設施。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,12:00│疾病管制署
      柬埔寨近7週單週新增病例數自127例上升至304例,低於2014-18年同期平均;今年截至第27週(6/28-7/4)累計報告約3,650例,4例死亡,病例數低於去年同期,當局表示疫情控制中。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,12:08│疾病管制署
      肯亞疫情更新,第27週(6/30-7/5)西北部圖爾卡納郡(Turkana)新增7例疑似;該國今年截至7/5累計5郡685例疑似,21例確診,13例死亡,近期病例分布主要為馬薩比特郡(Marsabit)及圖爾卡納郡。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,12:06│疾病管制署
      越南衛生部公布,中部高地地區截至7/22累計4省114例,其中3例死亡。病例主要發生於少數民族及偏遠地區,由於語言溝通障礙,且防疫觀念不同,家長拒絕讓孩童接種疫苗。此外,該國目前仍缺乏治療藥物及醫療設施。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,12:00│疾病管制署
      柬埔寨近7週單週新增病例數自127例上升至304例,低於2014-18年同期平均;今年截至第27週(6/28-7/4)累計報告約3,650例,4例死亡,病例數低於去年同期,當局表示疫情控制中。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-24,11:59│疾病管制署
      印度馬哈拉什特拉邦(Maharashtra)近期疫情上升,今年截至6月累計近1,300例確診病例,2例死亡;當局已採取病媒防治措施,並表示去年宣導活動有助減少感染數。該邦去年病例總數近15,000例,49例死亡。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-23,10:53│疾病管制署
      希臘衛生部公布今年首2例,分別來自中部Karditsa市及東北部Topeiros市;自2010年開始,該國每年於夏、秋2季常出現病例,當局呼籲應穿著適當衣物,並加強清除孳生源。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-23,10:52│疾病管制署
      WHO更新全球疫情:全球流感活動水平低於預期,北半球溫帶地區恢復季節間水平,南半球溫帶地區流感季尚未開始;依6/22-7/5監測資料顯示,全球病毒型別為A型(48.8%)及... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-23,10:52│疾病管制署
      泰國疫情處高峰,近1週新增報告3,100餘例病例,為該國今年單週增加最多,且高於2016-17年同期,病例多來自東北部地區,其次為北部及中部;今年截至7/20累計31,400餘例,每10萬人病例數以西北部夜豐頌府(Mae Hong Son)為多,其次為東北部猜也蓬府(Chaiyaphum)。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-23,10:51│疾病管制署
      新加坡第29週(7/12-7/18)新增報告1,700餘例病例,持續創該國史上單週新高,約為過去單週最高的2倍,今年截至7/21累計近19,300例,該國7/15起針對有孳生源的住家、工地等地依情況處以重罰。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-22,16:02│疾病管制署
      蒙古科布多省(Khovd)新增1例腺鼠疫,為1名6歲孩童,接觸土撥鼠屍體後出現高燒及皮疹,已送醫隔離治療;該國截至7/19累計報告7例,其中3例確診。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-22,15:44│疾病管制署
      越南衛生部公布,今年迄今累計報告10,745例,其中逾6,600例需住院,無死亡個案;該國累計病例數較2019同期下降55.6%,住院病例亦減少51.5%,惟部分省市近幾週病例數上升,當局表示由於新學期開始,病例數恐將上升。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-22,15:33│疾病管制署
      巴西衛生部公布,今年截至6月底聯邦區(Federal District)累計報告逾42,000例,較去年同期(35,070例)增加20.2%,其中38例死亡;該國今年累計報告近122萬2千例,其中426例死亡,4種型別同時流行。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-21,16:23│疾病管制署
      美國密西根州衛生部公布,渥太華郡(Ottawa)報告今年首例確診;該州2018年及2019年分別累計2例及1例。當局表示蚊媒疾病於氣候溫暖月份傳播風險上升,呼籲民眾應著適當衣物,並加強清除孳生源。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-21,16:13│疾病管制署
      喀麥隆疫情持續,6/19-7/2新增報告73例,6例死亡;今年截至7/7累計報告4區980例(39例確診),其中45例死亡,病例分布以沿海地區(563例)及南部地區(344例)為多。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2020-07-21,16:06│疾病管制署
      緬甸衛生部公布,今年截至6/27累計報告近2,900例,其中20例死亡,病例分布以實皆省(Sagaing)為多,其次為曼德勒省(Mandalay)及孟邦(Mon);當局已發布警報。 more...
  • 高嚴重示警(全台灣)元件介接範例
    高嚴重示警(全台灣)元件介接範例程式:
    <html>
      <head>
       <script type="text/javascript" src="https://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CapInfoExtreme_180110.js"></script>
      <!--   如果你的網站不需要SSL驗證請引用底下前置詞為http 的script資源   -->
       <script type="text/javascript" src="http://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CapInfoExtreme_180110.js"></script>
      </head>
      <body>
       <div id="capInfo180110_Extreme" >
       </div>
      </body>
    </html>

    DEMO 畫面

  • 一般示警(縣市別)元件介接範例
    一般示警(縣市別)元件介接範例程式:
    <html>
      <head>
       <script type="text/javascript" src="https://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CapInfoNormal_66_180155.js"></script>
      <!--   如果你的網站不需要SSL驗證請引用底下前置詞為http 的script資源   -->
       <script type="text/javascript" src="http://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CapInfoNormal_66_180155.js"></script>
      </head>
      <body>
       <div id="capInfo180155_Normal_66" >
       </div>
      </body>
    </html>

    DEMO 畫面

    • 強風
      2020-10-20,21:15
      東北風影響,臺南以北、東南部(含蘭嶼、綠島)、恆春半島... more...
    • 道路施工
      2020-10-20,17:00
      地下漏水、路面漏水、路面下陷、既有用戶無水處理 more...
    • 道路施工
      2020-10-20,08:00
      現場通報有瓦斯味道、設備損壞或用戶供氣中斷 more...
    • 道路施工
      2020-10-20,08:00
      孔蓋異常,恐影響民眾安危 more...
    • 道路施工
      2020-10-20,08:00
      現場通報有瓦斯味道、設備損壞或用戶供氣中斷 more...
    • 枯旱預警
      2020-10-14,00:00
      109年10月14日供水情勢(枯旱預警)通報 影響地區:桃園... more...
  • 高嚴重示警(縣市別)元件介接範例
    高嚴重示警(縣市別)元件介接範例程式:
    <html>
      <head>
       <script type="text/javascript" src="https://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CapInfoExtreme_66_300100.js"></script>
      <!--   如果你的網站不需要SSL驗證請引用底下前置詞為http 的script資源   -->
       <script type="text/javascript" src="http://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CapInfoExtreme_66_300100.js"></script>
      </head>
      <body>
       <div id="capInfo300100_Extreme_66" >
       </div>
      </body>
    </html>

    DEMO 畫面

    • * 現無示警
      現在沒有示警。 more...
      2020-10-21,00:44 │ 更新