地圖 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(
#參數值參數描述規定要把地圖放置在那個HTML 元素中。 帶有地圖初始化變數/選項的 MapOptions 物件。 HTMLElement,MapOptions)
Map() 的方法
| #HTMLElement | |
| 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() 的屬性
##描述 controls要附加到地圖上的額外控制項。 mapTypes以字串 ID 分割的 MapType 實例的登錄機碼。 overlayMapTypes要疊加的額外地圖類型。Map() 的事件
| #屬性 | #類型 | |
|---|---|---|
| Array.<MVCArray.<Node>> | ||
| MapTypeRegistry | ||
| MVCArray.<MapType> |
| #事件 | #參數 | |
|---|---|---|
| MouseEvent | ||
| MouseEvent | ||
| MouseEvent | ||
| MouseEvent | ||
| MouseEvent | ||
| MouseEvent | ||
