地圖 API Map() 建構器
實例
建立一個Google 地圖:
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>
<script>
function initialize()
{
var mapOpt = {
center:new google.maps.LatLng(51.508742,-0.120850),
zoom:5,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>##執行實例»點擊"運行實例" 按鈕查看線上實例
#定義和用法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() | number | 傳回空拍影像的入射角度數（支援 SATELLITE 和 HYBRID 地圖類型）。 |
| getZoom() | number | #傳回地圖的目前縮放等級。 |
| panBy(xnumber,ynumber) | None | 透過以像素計的給定距離改變地圖的中心。 |
| panTo(LatLng) | #None | 改變地圖的中心為給定的 LatLng。 |
| panToBounds(LatLngBounds) | None | 將地圖平移所需的最小距離以包含給定的 LatLngBounds。 |
| setCenter(LatLng) | #None | |
| setHeading(number) | None | 設定空拍影像的羅盤方向（以度為單位進行測量），基本方向為北方。 |
| setMapTypeId(MapTypeId) | #None | 要改變要顯示的地圖類型。 |
| setOptions(MapOptions) | #None | |
Map() 的屬性
| #屬性 | #類型 | ##描述|
|---|---|---|
| Array.<MVCArray.<Node>> | 要附加到地圖上的額外控制項。||
| MapTypeRegistry | 以字串 ID 分割的 MapType 實例的登錄機碼。||
| MVCArray.<MapType> | 要疊加的額外地圖類型。
| #事件 | #參數 | ##描述|
|---|---|---|
| None | 當可視區域範圍變更時會觸發此事件。 | |
| None | 當地圖 center（中心）屬性變更時會觸發此事件。 | |
| MouseEvent | 當使用者點擊地圖（但不是點擊標記或資訊視窗）時會觸發此事件。||
| MouseEvent | #當使用者雙擊地圖時會觸發此事件。請注意，觸發此事件前也會觸發點擊事件。||
| None | 當使用者拖曳地圖時會重複觸發此事件。 | |
| None | 當使用者停止拖曳地圖時會觸發此事件。 | |
| None | 當使用者開始拖曳地圖時會觸發此事件。 | |
| None | 當地圖 heading（方向）屬性變更時會觸發此事件。 | |
| None | 當地圖在平移或縮放之後變成閒置狀態時會觸發此事件。 | |
| None | #當 mapTypeId 屬性變更時會觸發此事件。 | |
| MouseEvent | 只要使用者的滑鼠在地圖容器上移動，就會觸發此事件。||
| MouseEvent | #當使用者的滑鼠從地圖容器上退出時會觸發此事件。||
| MouseEvent | #當使用者的滑鼠進入地圖容器時會觸發此事件。||
| None | #當投影變更時會觸發此事件。 | |
| None | 當地圖（div）更改尺寸時會觸發此事件。 | |
| MouseEvent | 當使用者右鍵時會觸發此事件。||
| None | 當可見光圖塊載入完成後會觸發此事件。 | |
| None | 當地圖 tilt（傾斜）屬性變更時會觸發此事件。 | |
| None | 當地圖 zoom（縮放）屬性變更時會觸發此事件。 |
