初始化地圖設定值

初始化地圖設定值

初始化地圖設定值的選項相當多元,可依開發者意願或者使用者喜好進行設定,讓顯示的地圖更加協調優化運用setOptions()的方法,可進行以下變數設定,括號後為指定物件與部分範例:

MapOptions = {

backgroundColor: "#CCCCCC",  //backgroundColor(設定地圖背景顏色)

disableDefaultUI: true,  //disableDefaultUI(是否關閉所有地圖物件)

scrollwheel: false,  //scrollwheel(是否允許使用者使用滑鼠滾輪縮放地圖)

mapTypeControl: false,  //mapTypeControl(是否開啟地圖類型控制項)

mapTypeControlOptions: {  //mapTypeControlOptions(指定提供的地圖類型)

mapTypeIds: [TGOS.TGMapTypeId.ROADMAP, TGOS.TGMapTypeId.F2IMAGE], 

//mapTypeId(設定地圖控制項中欲顯示之底圖圖磚類型按鈕

//上行範例只提供福衛混和地圖及福衛二號衛星影像兩類)

//若不設定則預設顯示所有類型的底圖圖磚按鈕供使用者切換

controlPosition: TGOS.TGControlPosition.RIGHT_TOP, 

//controlPosition(設定地圖類型控制項在地圖的位置)

mapTypeControlStyle: TGOS.TGMapTypeControlStyle.DEFAULT 

//mapTypeControlstyle(設定地圖類型控制項樣式)

//(可設定參數有:DEFAULT / HORIZONTAL_BAR / DROPDOWN_MENU)

},

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

navigationControlOptions: { //navigationControlOptions(提供指定縮放控制列)

controlPosition: TGOS.TGControlPosition.RIGHT_TOP, 

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

navigationControlStyle: TGOS.TGNavigationControlStyle.SMALL 

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

//(可設定參數有:完整版 / 縮小版(DEFAULT / SMALL))

},

scaleControl: false,  //scaleControl(是否開啟比例尺控制項)

scaleControlOptions: {  //scaleControlOptions(提供指定比例尺控制項)

controlPosition: TGOS.TGControlPosition.LEFT_BOTTOM 

// controlPosition (設定比例尺控制項在地圖的位置)

},

draggable:true,  //draggable(設定地圖是否可被拖曳)

keyboardShortcuts:false  //keyboardShortcuts(設定是否可用鍵盤控制地圖)

};

pMap.setOptions(MapOptions);

值得注意的是地圖上控制列的位置參數設定(controlPosition)都為統一的樣式:

底部置中 (TGOS.TGControlPosition.BOTTOM_CENTER)

底部左邊 (TGOS.TGControlPosition.BOTTOM_LEFT)

底部右邊 (TGOS.TGControlPosition.BOTTOM_RIGHT)

左側下方 (TGOS.TGControlPosition.LEFT_BOTTOM)

左側置中 (TGOS.TGControlPosition.LEFT_CENTER)

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

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

 

回到上方