Google Maps 參考
Map() 建構函式
示例
建立 Google 地圖
var map = new google.maps.Map(mapCanvas, mapOptions);
定義和用法
Map() 建構函式在指定的 HTML 元素（通常是 <div> 元素）中建立一個新地圖。
語法
new google.maps.Map(HTMLElement,MapOptions)
引數值
| 引數 |
描述 |
| HTMLElement |
指定在哪個 HTML 元素中放置地圖 |
| MapOptions |
一個 MapOptions 物件，其中包含地圖初始化變數/選項 |
Map() 的方法
| 方法 |
返回值 |
描述 |
| fitBounds(LatLngBounds) |
無 |
將視口設定為包含給定的邊界 |
| getBounds() |
LatLng,LatLng |
返回當前視口的西南緯度/經度和東北緯度/經度 |
| getCenter() |
LatLng |
返回地圖中心的緯度/經度 |
| getDiv() |
節點 |
返回包含地圖的 DOM 物件 |
| getHeading() |
數字 |
返回航片（對於 SATELLITE 和 HYBRID 地圖型別）的羅盤航向 |
| getMapTypeId() |
HYBRID
ROADMAP
SATELLITE
TERRAIN |
返回當前地圖型別 |
| getProjection() |
Projection |
返回當前投影 |
| getStreetView() |
StreetViewPanorama |
返回繫結到地圖的預設 StreetViewPanorama |
| getTilt() |
數字 |
返回航片（對於 SATELLITE 和 HYBRID 地圖型別）的入射角（以度為單位） |
| getZoom() |
數字 |
返回地圖的當前縮放級別 |
| panBy(xnumber,ynumber) |
無 |
將地圖中心按給定的畫素距離進行更改 |
| panTo(LatLng) |
無 |
將地圖中心更改為給定的 LatLng |
| panToBounds(LatLngBounds) |
無 |
透過最小必要量平移地圖，以包含給定的 LatLngBounds |
| setCenter(LatLng) |
無 |
設定地圖中心的緯度/經度 |
| setHeading(number) |
無 |
設定航片羅盤航向，以度為單位，從正北方向測量 |
| setMapTypeId(MapTypeId) |
無 |
設定要顯示的地圖型別 |
| setOptions(MapOptions) |
無 |
|
| setStreetView(StreetViewPanorama) |
無 |
將 StreetViewPanorama 繫結到地圖 |
| setTilt(number) |
無 |
設定航片（對於 SATELLITE 和 HYBRID 地圖型別）的入射角（以度為單位） |
| setZoom(number) |
無 |
設定地圖的縮放級別 |
Map() 的屬性
| 屬性 |
型別 |
描述 |
| controls |
Array.<MVCArray.<Node>> |
要附加到地圖的其他控制元件 |
| mapTypes |
MapTypeRegistry |
按字串 ID 註冊的 MapType 例項 |
| overlayMapTypes |
MVCArray.<MapType> |
要疊加的其他地圖型別 |
Map() 的事件
| 事件 |
引數 |
描述 |
| bounds_changed |
無 |
視口邊界更改時觸發 |
| center_changed |
無 |
地圖中心屬性更改時觸發 |
| click |
MouseEvent |
使用者點選地圖時觸發 |
| dblclick |
MouseEvent |
使用者雙擊地圖時觸發 |
| drag |
無 |
使用者拖動地圖時反覆觸發 |
| dragend |
無 |
使用者停止拖動地圖時觸發 |
| dragstart |
無 |
使用者開始拖動地圖時觸發 |
| heading_changed |
無 |
地圖航向屬性更改時觸發 |
| idle |
無 |
平移或縮放後地圖空閒時觸發 |
| maptypeid_changed |
無 |
mapTypeId 屬性更改時觸發 |
| mousemove |
MouseEvent |
使用者滑鼠在地圖容器上移動時觸發 |
| mouseout |
MouseEvent |
使用者滑鼠移出地圖容器時觸發 |
| mouseover |
MouseEvent |
使用者滑鼠進入地圖容器時觸發 |
| projection_changed |
無 |
投影已更改時觸發 |
| resize |
無 |
地圖（div）大小更改時觸發 |
| rightclick |
MouseEvent |
使用者右鍵單擊地圖時觸發 |
| tilesloaded |
無 |
可見圖塊已完成載入時觸發 |
| tilt_changed |
無 |
地圖傾斜屬性更改時觸發 |
| zoom_changed |
無 |
地圖縮放屬性更改時觸發 |
疊加層
| 建構函式/物件 |
描述 |
| Marker |
建立一個標記。（注意：必須設定位置才能顯示標記） |
| MarkerOptions |
渲染標記的選項 |
| MarkerImage |
表示標記圖示或陰影影像的結構 |
| MarkerShape |
定義標記形狀，用於確定標記的可點選區域（型別和座標） |
| Animation |
指定可以對標記播放的動畫（彈跳或下降） |
| InfoWindow |
建立一個資訊視窗 |
| InfoWindowOptions |
渲染資訊視窗的選項 |
| Polyline |
建立一個折線（包含路徑和描邊樣式） |
| PolylineOptions |
渲染折線的選項 |
| Polygon |
建立一個多邊形（包含路徑和描邊+填充樣式） |
| PolygonOptions |
渲染多邊形的選項 |
| Rectangle |
建立一個矩形（包含邊界和描邊+填充樣式） |
| RectangleOptions |
渲染矩形的選項 |
| 圓形 |
建立一個圓（包含中心+半徑和描邊+填充樣式） |
| CircleOptions |
渲染圓的選項 |
| GroundOverlay |
|
| GroundOverlayOptions |
|
| OverlayView |
|
| MapPanes |
|
| MapCanvasProjection |
|
活動
| 建構函式/物件 |
描述 |
| MapsEventListener |
它沒有方法也沒有建構函式。它的例項是從 addListener()、addDomListener() 返回的，並最終傳回給 removeListener()。 |
| 事件 |
新增/移除/觸發事件監聽器 |
| MouseEvent |
從地圖和疊加層的各種滑鼠事件返回 |
控制元件
| 建構函式/物件 |
描述 |
| MapTypeControlOptions |
包含修改控制元件的選項（位置和樣式） |
| MapTypeControlStyle |
指定顯示哪種地圖控制元件（下拉選單或按鈕） |
| OverviewMapControlOptions |
渲染概覽地圖控制元件的選項（開啟或摺疊） |
| PanControlOptions |
渲染平移控制元件的選項（位置） |
| RotateControlOptions |
渲染旋轉控制元件的選項（位置） |
| ScaleControlOptions |
渲染比例控制元件的選項（位置和樣式） |
| ScaleControlStyle |
指定顯示哪種比例控制元件 |
| StreetViewControlOptions |
渲染街景小人圖示控制元件的選項（位置） |
| ZoomControlOptions |
渲染縮放控制元件的選項（位置和樣式） |
| ZoomControlStyle |
指定顯示哪種縮放控制元件（大或小） |
| ControlPosition |
指定控制元件在地圖上的放置位置 |
W3schools 學習路徑
跟蹤您的進度 - 免費！
