物件疊加層

物件疊加層

在地圖中，各承載層有其固定的排列順序，例如圖磚承載層包含主題圖磚與WMTS，圖資承載層包含點線面圖徵、圖片檔、WMS與KML，承載層的先後順序也代表地圖上資訊的顯示順序。

使用者可以建立一個網頁容器，放置在地圖上任何一個位置，並在容器中放入需要的物件。此外，使用者也可以指定該物件的疊加層先後順序，讓重要資訊顯示於其他的疊加層之上。

//客制化圖層

        var CustomLayer = function (map) {

            this.leftTop = new TGOS.TGPoint(120, 25);

            this.rightBottom = new TGOS.TGPoint(122, 24.5);

            this.setMap(map);

        }

        //繼承TGOS.TGOverlayView

        CustomLayer.prototype = new TGOS.TGOverlayView();

        //實做onAdd，設定疊加層

        CustomLayer.prototype.onAdd = function () {

            //取得欲套疊的地圖承載層

            var panes = this.getPanes();

            var mapLayer = panes.mapLayer;

            ///////////////////

                   //設定疊加層座標系統

            this.mSRS = this.map.getCoordSys();

                   //設定疊加層HTML 物件(DIV)

            this.div = document.createElement("div");

                   //設定定疊加層寬度

            this.div.style.width = "100%";

            //設定定疊加層高度

                   this.div.style.height = "100%";

                   //設定定疊加層HTML物件(IMG)

            this.img = document.createElement("img");

                   //設定定疊加層HTML物件 Style

            this.img.style.position = "absolute";

                   //設定img圖片來源

            this.img.src ="http://api.tgos.tw/TGOS_MAP_API/data/MapApi.png";

                   //將img加入至div物件中

            this.div.appendChild(this.img);

                   //將div加入至現有圖層中

            mapLayer.appendChild(this.div);

        }