套疊圖片影像檔
套疊圖片影像
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); //設定要套疊影像的地圖
}