主題圖磚

主題圖磚

API提供一千分之一地形圖、都市計畫圖、非都市計畫圖、國土利用調查等四項主題資料，為提升運用效率，以圖磚形式提供。這些圖磚可以設定透明度，達到互相套疊的效果。另外必須注意的是，並非所有縮放層級都可以顯示主題圖磚，當加入主題圖磚後，只有在可供顯示的縮放層級下，才會顯示主題圖磚疊加。可利用的主題圖磚共有四種：一千分之一地形圖(TOPO1000)、都市計畫圖(CITYZONING)、非都市土地使用分區圖(RURALZONING)、國土利用調查(LANDUSE)。

var TileLayer = null;

var TileType;

function AddTile() {

if (TileLayer) {            //如圖面上已經存在主題圖磚圖層，則在切換新的圖磚之前先行移除舊主題圖磚

TileLayer.removeTileOverlay(TileType);

}

var bounds = pMap.getBounds();               //取得目前地圖圖面邊界值

TileLayer = new TGOS.TGTileOverlay();     //宣告主題圖磚物件

var req = {                                                          //設定主題圖磚需求參數

scaleLevel:0,                                               //地圖層級

left:parseFloat(bounds.left),                   //圖磚需求範圍邊界

top:parseFloat(bounds.top),

right:parseFloat(bounds.right),

bottom:parseFloat(bounds.bottom),

map: pMap,                                                //套疊目標地圖

overlay: true                                               //是否套疊主題圖磚

};

if (document.getElementById("TileList").value == 1) {                  //取得下拉選單的值

TileType= TGOS.TGMapServiceId.CITYZONING;                               //依照取得值來指定主題圖磚的種類

document.getElementById("legend").innerHTML = "<img src='http://api.tgos.tw/TGOS_API/ThemeLegendCITYZONING.jpg' title='都市計畫圖'/>";

} else if (document.getElementById("TileList").value == 2) {

TileType= TGOS.TGMapServiceId.RURALZONING;

document.getElementById("legend").innerHTML = "<img src='http://api.tgos.tw/TGOS_API/ThemeLegendRURALZONING.jpg' title='非都市土地使用分區圖'/>";

} else if (document.getElementById("TileList").value == 3) {

TileType= TGOS.TGMapServiceId.LANDUSE;

document.getElementById("legend").innerHTML = "<img src='http://api.tgos.tw/TGOS_API/ThemeLegendLANDUSE.png' title='國土利用調查'/>";

} else {

TileType= TGOS.TGMapServiceId.TOPO1000;

document.getElementById("legend").innerHTML = "";

}

TileLayer.getThemeTile(TileType, req, 0.7, function(){});                        //取得主題圖磚進行套疊, 並設定透明度

}