圖層區域切換

圖層區域切換功能

在多項圖層資料套疊在一起時,雖然可以靠圖層的開關來比較差異,但圖層開關往往涉及圖層物件消滅與建置,並非妥善的應用方法。因此利用圖層區域切換功能,將可以在圖層物件存在的狀況下,來區域切換顯示的內容,利用視覺暫留特性,更清楚的觀察不同圖層間資料的差異性。提供的切換模式包含拉簾、矩形、圓形等,在範例中,使用常見的水平拉簾模式,並且建立了多個圖層,可以從範例中更改被切換的圖層。

建立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;

        }

    }

回到上方