圖層區域切換
圖層區域切換功能
在多項圖層資料套疊在一起時,雖然可以靠圖層的開關來比較差異,但圖層開關往往涉及圖層物件消滅與建置,並非妥善的應用方法。因此利用圖層區域切換功能,將可以在圖層物件存在的狀況下,來區域切換顯示的內容,利用視覺暫留特性,更清楚的觀察不同圖層間資料的差異性。提供的切換模式包含拉簾、矩形、圓形等,在範例中,使用常見的水平拉簾模式,並且建立了多個圖層,可以從範例中更改被切換的圖層。
建立TGOS.TGLayerSwipe()物件,並指定要進行切換的地圖物件、要切換的圖層(以陣列方式羅列,可一次切換多圖層)以及切換類型。
function openSwipeLayer() {
clearSwipeLayer();
LayerSwipe = new TGOS.TGLayerSwipe({ //建立建立圖層切換物件
map: pMap, //指定要SWIPE的地圖物件
layers: [WFS_Layer, kmlLayer], //指定要SWIPE的圖層
type: "vertical", //指定要SWIPE的動作 vertical(水平拉簾)、horizontal(垂直拉簾)、square(矩形)、circle(圓形)
left : null, //左偏移量
top : null //上偏移量
});
}
如果要清除切換效果,恢復原來圖層套疊樣貌,僅需使用clearSwipeLayer()功能即可將此切換物件關閉。
function clearSwipeLayer() {
if (LayerSwipe != null) {
LayerSwipe.destroy(); //清除LayerSwipe
LayerSwipe = null;
}
}