地圖縮放控制列

地圖縮放控制列

縮放控制列是一個可以控制地圖縮放層級的Bar,並有放大及縮小的按鈕。透過拖曳Bar上的三角形圖示或點擊放大縮小紐都可以改變地圖的縮放層級,另外目前的縮放層級也可以藉由三角形圖示在Bar上的位置得知。TGOS MAP API提供縮放控制列的開關、位置、尺寸以及開發者喜好的相關變數。

MapOptions = {

navigationControl: true,          //navigationControl (是否開啟縮放控制列)

navigationControlOptions: {  //navigationControlOptions (設定縮放控制項的設定選項)

controlPosition: TGOS.TGControlPosition.LEFT_CENTER, 

//controlPosition (設定縮放控制列在地圖的位置)

navigationControlStyle: TGOS.TGNavigationControlStyle.DEFAULT 

//navigationControlStyle (設定縮放控制列樣式)

},

};

地圖縮放控制列為地圖設定的一部份,運用setOptions()方法,可進行變數設定。

pMap.setOptions(MapOptions);

地圖上各控制列、使用者介面的位置參數設定(TGControlPosition)都為統一的樣式:

底部置中 (TGControlPosition.BOTTOM_CENTER)

底部左邊 (TGControlPosition. BOTTOM_LEFT)

底部右邊 (TGControlPosition. BOTTOM _RIGHT)

左側下方 (TGControlPosition.LEFT_BOTTOM)

左側置中 (TGControlPosition.LEFT_CENTER)

左側上方 (TGControlPosition.LEFT_TOP)
右側下方 (TGControlPosition.RIGHT_BOTTOM)
右側置中 (TGControlPosition.RIGHT_CENTER)
右側上方 (TGControlPosition.RIGHT_TOP)

頂部置中 (TGControlPosition.TOP_CENTER)
頂部左邊 (TGControlPosition.TOP_LEFT)
頂部右邊 (TGControlPosition.TOP_RIGHT)

 而縮放控制列的樣式參數設定 (TGNavigationControlStyle)則有下列幾種選擇:

預設樣式 (TGOS.TGNavigationControlStyle.DEFAULT)

小版的放大縮小鈕 (TGOS.TGNavigationControlStyle.SMALL)       //具小型放大縮小鈕

中版的放大縮小鈕 (TGOS.TGNavigationControlStyle.MEDIUM)   //具大型放大縮小鈕

大版的放大縮小鈕 (TGOS.TGNavigationControlStyle.LARGE)       //包含放大縮小按鈕以及地圖放大縮小工具

回到上方