套疊圖片影像

套疊圖片影像

TGOS 3D MAP API允許使用者將圖片影像套疊於圖台上。藉由TEImage取得圖片的來源URL，以TEEnvelope物件設定圖片套疊的位置及範圍，即可將指定的圖片影像疊加於圖台的指定位置上。另外也可以設置影像的透明度，讓圖片影像不致於完全遮蔽地圖平台的其他資訊。

var GOverlay;  //新增一個TEGroundOverlay物件

var image = new TGOS.TEImage();  //新增一個TEImage物件, 準備將此影像疊加

function groundClick() {

var url = document.getElementById('textbox').value; //設定影像來源位址

image.setUrl(url);

var env = newTGOS.TEEnvelope(121.51566,25.103742,121.573066,25.033143);

//以TEEnvelope物件定義套疊影像的範圍

GOverlay = newTGOS.TEGroundOverlay(tg3dEarth,image,env,0.5,null);

}

function opacity() {  //設定套疊影像的透明度

var opa = Number(document.getElementById("opabox").value);

GOverlay.setOpacity(opa);

}