飛行展示三維模型
API使用範例:飛行展示三維模型
情境假設:
使用者可以載入三維模型物件,並且透過飛行路徑的設置,飛行瀏覽所建立起的三維模型。以下讀取台北市龍山寺模型物件,並使用水平環繞飛行瀏覽進行展示。
TGOS MAP API建置方式:
1. 初始化地圖:
首先宣告一個TEOnlineMap( )物件,在網頁上建立一個地圖,並選擇座標系統。
var tg3dEarth = null;
function documentLoad()
{
var pBody = document.getElementById("tgos_3d");
tg3dEarth = newTGOS.TEOnlineMap(pBody,{
drawingControl:true,
});
}
2. 建立三維模型物件
先指定出TEModel物件,使之顯示於地圖上。
function ModelClick(){
mode = newTGOS.TEModel('http://210.61.8.232/TG3D_API/sampleFile/LSJ.kmz',{
title:"mode",
visible: true
});
}
3. 建立飛行路徑
建立TEViewRoute物件,指定使用horizontalFly方法,讓視點水平環繞前面建立的高程模擬物件群飛行瀏覽,並設定飛行半徑、高度、速度。
function onhorizontalFlyClick(){
var viewRoute = newTGOS.TEViewRoute(); //建立飛行導覽物件
viewRoute.horizontalFly(tg3dEarth,{ //使用水平環繞地標導覽方法
target : newTGOS.TEPoint(121.499861 , 25.037225),
//指定觀察地標
radius : 1500, //設定環繞半徑
height : 1500, //設定飛行高度
speed : 1500 //設定飛行速度
});
}