控制项物件.pptVIP

Google Maps API 義守大學資訊工程學系 歐陽振森 ouyangcs@.tw 簡介 Google地圖服務之包裝 由JavaScript所構成的函式庫 可放在自己的網站或部落格中 物件與函式類型：基礎物件、事件物件、控制項物件、塗層式物件、其他物件與公用函式 專屬論壇：Google Maps API論壇 Google Maps API Key 須先申請Google Maps API key 申請網址：/apis/maps/signup.html 程式範例一 範例一：HelloWorld.html 基礎物件-GMap2 建立物件 var map=new GMap2(element,GMapOptions); 開啟地圖拖曳功能 enableDragging() 關閉地圖拖曳功能 disableDragging() 取得地圖拖曳功能狀態 draggingEnabled() 範例二：3-1.html 開啟雙擊滑鼠右(左)鍵可以縮小(放大)地圖功能 enableDoubleClickZoom() 開啟雙擊滑鼠右(左)鍵可以縮小(放大)地圖功能 disableDoubleClickZoom() 取得雙擊滑鼠右(左)鍵可以縮小(放大)地圖功能狀態 doubleClickZoomEnabled() 範例三：3-3.html 開啟連續平滑縮放地圖功能 enableContinuousZoom() 關閉連續平滑縮放地圖功能 disableContinuousZoom() 取得連續平滑縮放地圖功能的狀態 continuousZoomEnabled() 範例四：3-4.html 開啟滑鼠滾輪可縮放地圖功能 enableScrollWheelZoom() 關閉滑鼠滾輪可縮放地圖功能 disableScrollWheelZoom() 取得滑鼠滾輪可縮放地圖功能的狀態 scrollWheelZoomEnabled() 範例五：3-5.html 加入地圖控制項物件 addControl(control,position) 移除地圖控制像物件 removeControl(control) 範例六：3-6.html 取得目前在地圖控制項物件中註冊的地圖類型 getMapTypes() Types: G_NORMAL_MAP(一般地圖)、G_SATELLITE_MAP(衛星地圖)、G_HYBRID_MAP(混合地圖)、G_PHYSICAL_MAP(地形地圖) 取得GMap2物件目前所使用的地圖類型 getCurrentMapType() 設定目前使用的地圖類型 setMapType(GMapType) 將地圖類型加入地圖控制項物件中 addMapType(GMapType) 移除地圖控制項物件中的類型 removeMapType(GMapType) 範例七：3-8.html 基礎物件-GMapOptions 範例八：3-14.html 事件物件-GEvent 監聽指定地圖物件之事件 addListener(source,event,handler) 範例九：3-19.html 控制項物件-GControl 範例十：3-25.html 控制項物件-GControlPosition 建立物件 Var gControlPosition=new GControlPosition(anchor, offset) anchor: G_ANCHOR_TOP_RIGHT、 G_ANCHOR_TOP_LEFT、 G_ANCHOR_BOTTOM_RIGHT、G_ANCHOR_BOTTOM_LEFT 範例十一：3-26.html 圖層物件-GMarker 範例十二：3-27.html