建立一個 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(縮放)屬性更改時會觸發此事件。