初始化地圖設定值
初始化地圖設定值
初始化地圖設定值的選項相當多元,可依開發者意願或者使用者喜好進行設定,讓顯示的地圖更加協調優化。運用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)