主題地圖

主題地圖

為因應防救災、便利民眾獲得資訊,API也提供多項主題資料以地圖方式呈現於圖台上。使用者可以開關這些資訊的顯示與否,且API也提供部分資訊的查詢服務。

每一項主題地圖都以專案檔發布服務,並給予服務代碼(TGMapServiceId),而服務中會由一個或多個服務圖層組成;為區隔每個服務圖層,也給予服務圖層代碼(TGMapId)。在取得主題地圖資料時,必須同時給定服務代碼及服務圖層代碼,才能正確地加入指定的圖層資料,並呈現出來。

傳回的主題地圖為一底色透明、含有圖徵的圖片影像檔,在範例中可直接檢視單一主題圖(避難收容處所)的呈現效果。要將影像檔案套疊到圖台上,需使用APITGGroundOverlay 套疊圖片影像檔的方法。

主題地圖圖例與主題地圖則是兩個不同的物件,可選擇是否顯示,內容包含標題、圖例圖片與圖例名稱。

 

var ThemeLayer = null;

function AddThemeLayer() {

ThemeLayer = new TGOS.TGThemeLayer();  //宣告一個新的主題地圖物件                       

var req = {

      left: 176488,                     //設定需要的主題地圖邊界值

      right: 176911,

      top: 2502663,

      bottom: 2502981,

      height: 480,                     //設定取出主題圖的寬度、高度大小

      width: 640

};

ThemeLayer.getThemePic(TGOS.TGMapServiceId.SHELTERS, TGOS.TGMapId.SHELTERS, req, function(url,status, legend) {

//取得主題地圖第一個及第二個參數為服務名稱及服務圖層的代碼第三個參數為查詢範圍

//function(url)內的url則是取得伺服器回傳圖片的網址

      var str = '<input type="image" src="' + url + '">';    //取出回傳主題圖的網址後組合成html語法的字串並成為一個圖片物件

      var EmptyDiv = document.getElementById("EmptyDiv");               //透過id取得網頁上的空白DIV

      EmptyDiv.innerHTML = str;                                                                      //將組合後的html字串餵入空白DIV, 顯示主題地圖的影像

      var LegendBoxDiv = document.getElementById("divLgdBox");    //取得圖例框架

      var str1 = "";                                                                                                //欲顯示之圖例

      for(var i=0; i < legend.length; i++) {

              str1 += '<input type="image" src="' + legend[i].iconUrl + '"width="24" height="24">' + legend[i].symbolName + '<br>';

              //legend[i].iconUrl:圖例來源

              //legend[i].symbolName:圖例名稱

      }

      LegendBoxDiv.innerHTML = '主題地圖圖例<br>' + str1;

});                  

}

function showlgdWindow() {

var LegendBoxDiv = document.getElementById("divLgdBox");            //取得圖例框架

var lgdWindow = document.getElementById('LegendBox');                         

if(lgdWindow.checked) {                                                                           //設定是否顯示圖例

LegendBoxDiv.style.display = "";

} else  {

      LegendBoxDiv.style.display = "none";

}

}

以下為提供的主題地圖服務、圖層代碼:

服務代碼

圖層代碼

服務名稱

圖層名稱

使用授權

DIPSLOPE_P

DIPSLOPE_P

順向坡分布圖

順向坡分布圖

進階圖資

LANDSLIDE_P

LANDSLIDE_P

山崩潛感圖

山崩潛感圖

進階圖資

FAULT

FAULT

活動斷層圖

活動斷層圖

進階圖資

REGION

COUNTY

行政區界圖

縣市界

一般圖資

TOWN

鄉鎮市區界

VILLAGE

村里界

FLOOD_P

06HR150

淹水潛勢圖

6小時降雨量150mm

限防救災應用

06HR250

6小時降雨量250mm

06HR350

6小時降雨量350mm

12HR200

12小時降雨量200mm

12HR300

12小時降雨量300mm

12HR400

12小時降雨量400mm

24HR200

24小時降雨量200mm

24HR350

24小時降雨量350mm

24HR500

24小時降雨量500mm

24HR650

24小時降雨量650mm

DEBRISFLOW_P

DEBRISFLOW_P

土石流潛勢溪流圖

土石流潛勢溪流圖

限內部應用

HAZARD_LAND_P

RAINFALLSTATION

坡地災害潛勢圖

雨量站

進階圖資

SETTLEMENT

聚落

AGED

社福機構_老人

DISABLED

社福機構_身障

MONITOR_ROAD

監控路段

MONITOR_BRIDGE

監控橋樑

DEBRIS

土石流影響範圍

DEBRISSTREAM

土石流潛勢溪流

LANDSLIDE

山崩地點

DIPSLOPE

順向坡

HAZARD_FLOOD_P

RAINFALLSTATION

淹水災害潛勢圖

雨量站

進階圖資

GAUGINGSTATION

水位站

AGED

社福機構_老人

DISABLED

社福機構_身障

MONITOR_ROAD

監控路段

MONITOR_BRIDGE

監控橋樑

06HR150 6小時降雨量150mm
06HR250 6小時降雨量250mm
06HR350 6小時降雨量350mm
12HR200 12小時降雨量200mm
12HR300 12小時降雨量300mm
12HR400 12小時降雨量400mm
24HR200 24小時降雨量200mm
24HR350 24小時降雨量350mm
24HR500 24小時降雨量500mm
24HR650 24小時降雨量650mm

EOC

EOC

中央與地方緊急應變中心

中央與地方緊急應變中心

一般圖資

FIREDEPARTMENT

FIREDEPARTMENT

全國消防機關

全國消防機關

一般圖資

POLICEDEPARTMENT

POLICEDEPARTMENT

全國警察機關

全國警察機關

一般圖資

NASC

NASC

空中勤務總隊

空中勤務總隊

一般圖資

SOCIALSERVICE

SOCIALSERVICE

社會福利服務機構

社會福利服務機構

一般圖資

MEDICAL

MEDICAL

醫療院所

醫療院所

限防救災應用

SHELTERS

SHELTERS

避難收容處所

避難收容處所

一般圖資

NASC_LANDING

NASC_LANDING

直升機緊急救難臨時起降場

直升機緊急救難臨時起降場

一般圖資

INDUSTRY

INDUSTRY

工商企業

工商企業(全部)

一般圖資

INDUSTRY_A

農、林、漁、牧業

INDUSTRY_B

礦業及土石採取業

INDUSTRY_C

製造業

INDUSTRY_D

電力及燃氣供應業

INDUSTRY_E

用水供應及污染整治業

INDUSTRY_F

營造業

INDUSTRY_G

批發及零售業

INDUSTRY_H

運輸及倉儲業

INDUSTRY_I

住宿及餐飲業

INDUSTRY_J

資訊及通訊傳播業

INDUSTRY_K

金融及保險業

INDUSTRY_L

不動產業

INDUSTRY_M

專業、科學及技術服務業

INDUSTRY_N

支援服務業

INDUSTRY_O

公共行政及國防;強制性社會安全

INDUSTRY_P

教育服務業

INDUSTRY_Q

醫療保健及社會工作服務業

INDUSTRY_R

藝術、娛樂及休閒服務業

INDUSTRY_S

其他服務業

SCHOOL

SCHOOL

各級學校

各級學校(全部)

一般圖資

SCHOOL_B

國民小學

SCHOOL_C

附設國民小學

SCHOOL_D

國民中學

SCHOOL_E

附設國民中學

SCHOOL_F

高級中等學校

SCHOOL_H

大專院校

SCHOOL_I

宗教研修學院

SCHOOL_K

特殊教育學校

SCHOOL_N

空大及大專校院附設進修學校

 

回到上方