結合TGOS 3D API

結合TGOS 3D API

在本範例中，我們將示範如何將統計地圖API的輸出成果結合三維電子地圖（TGOS 3D API）來進
行套疊呈現，以達到更豐富的地圖展示效果。

版型設定部分：

本進階範例的版型以CSS文件(sample2.css)進行設定，其詳細說明可參考進階範例「由指定地理位置
查詢鄰近統計資料」。使用者可透過修改css檔案來更改範例版型中各個區塊的樣式設定。 

建立TGOS 3D API三維介面：

首先在網頁初始化的程式中，我們可以先建立一個TGOS 3D API介面，作為後續統計地圖繪製成果
套疊的介面。

tgosMap = newTGOS.TEOnlineMap(document.getElementById("mapView"),
     drawingControl: false                //建立TGOS 3D API圖台

設定統計地圖輸出格式：

本範例所繪製之統計地圖類型為面量圖，要將面量圖套疊至TGOS 3D API上可採取兩種輸出格
式：純影像統計地圖或KML檔案。本範例中我們建議使用KML檔案來進行套疊，因為在TGOS
3D API的介面中，KML檔案若搭配Z值展示的功能，即可將統計數值以高度視覺化的方式進行
呈現並與使用者產生互動效果。因此在統計地圖的參數設定中，我們要將是否輸出KML的參數設
為true，並開啟附加Z值之參數設定。

map_pChoropleth.KMLwithZ = true;  //開啟KML面量圖的附加Z值設定

mapOpts.exportKML = true;          //統計地圖是否輸出KML格式檔案

輸出KML檔案並套疊至TGOS 3D API介面：

統計地圖繪製完成後，我們可以從API的回傳參數中取得.kmlUrl屬性，以得到輸出的KML檔案
連結，再透過TGOS 3D API提供的KML圖層套疊功能，將輸出的KML檔案直接套疊於TGOS 
3D介面進行展示。

tgKML = new TGOS.TEKmlLayer(kml, { //取出KML連結

           //加入KML圖層到地圖

           map: tgosMap,

           suppressInfoWindows: false,

           preserveViewport: true

}, function (){});