套疊圖片影像檔

套疊圖片影像

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

var GOL = new TGOS.TGGroundOverlay();  //新增一個TGGroundOverlay物件

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

 

function test() {

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

image.setUrl(url);

GOL.setImage(image);

GOL.setBounds(

newTGOS.TGEnvelope(302025.629,2777379.652,307798.743,2769564.386)); 

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

GOL.setOpacity(0.7);  //設定套疊影像的透明度

GOL.setMap(pMap);  //設定要套疊影像的地圖

}

回到上方