天天看點

地圖 API Map() 構造器

建立一個 Google 地圖:

var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);

Map() 構造器建立了一個新的地圖并插入到指定的HTML元素中(<div>

元素)。

new google.maps.Map(HTMLElement,MapOptions)

參數

描述

HTMLElement

規定要把地圖放置在那個 HTML 元素中。

MapOptions

帶有地圖初始化變量/選項的 MapOptions 對象。

方法

傳回值

fitBounds(LatLngBounds)

None

設定要包含給定邊界的視口。

getBounds()

LatLng,LatLng

傳回目前視口的西南緯度/經度和東北緯度/經度。

getCenter()

LatLng

傳回地圖的中心的緯度/經度。

getDiv()

Node

傳回包含地圖的 DOM 對象。

getHeading()

number

傳回航拍圖像的羅盤航向(支援 SATELLITE 和 HYBRID 地圖類型)。

getMapTypeId()

HYBRID

ROADMAP

SATELLITE

TERRAIN

傳回目前地圖類型。

getProjection()

Projection

傳回目前 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)

屬性

類型

controls

Array.<MVCArray.<Node>>

要附加到地圖上的額外控件。

mapTypes

MapTypeRegistry

按字元串 ID 劃分的 MapType 執行個體的系統資料庫。

overlayMapTypes

MVCArray.<MapType>

要疊加的額外地圖類型。

事件

bounds_changed

當可視區域範圍更改時會觸發此事件。

center_changed

當地圖 center(中心)屬性更改時會觸發此事件。

click

MouseEvent

當使用者點選地圖(但不是點選标記或資訊視窗)時會觸發此事件。

dblclick

當使用者輕按兩下地圖時會觸發此事件。請注意,觸發此事件前還會觸發點選事件。

drag

當使用者拖動地圖時會反複觸發此事件。

dragend

當使用者停止拖動地圖時會觸發此事件。

dragstart

當使用者開始拖動地圖時會觸發此事件。

heading_changed

當地圖 heading(方向)屬性更改時會觸發此事件。

idle

當地圖在平移或縮放之後變為閑置狀态時會觸發此事件。

maptypeid_changed

當 mapTypeId 屬性更改時會觸發此事件。

mousemove

隻要使用者的滑鼠在地圖容器上移動,就會觸發此事件。

mouseout

當使用者的滑鼠從地圖容器上退出時會觸發此事件。

mouseover

當使用者的滑鼠進入地圖容器時會觸發此事件。

projection_changed

當投影更改時會觸發此事件。

resize

當地圖(div)更改尺寸時會觸發此事件。

rightclick

當使用者右擊地圖時會觸發此事件。

tilesloaded

當可見圖塊載入完成後會觸發此事件。

tilt_changed

當地圖 tilt(傾斜)屬性更改時會觸發此事件。

zoom_changed

當地圖 zoom(縮放)屬性更改時會觸發此事件。