自强学堂
自强学堂:学习、分享、让你更强!
Google Maps API 教程HTMLCSSJAVASCRIPTJQUERYSQLPHPBOOTSTRAPANGULARXML
 

地图 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 对象。

Map() 的方法

方法返回值描述
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
setStreetView(StreetViewPanorama)None绑定一个 StreetViewPanorama 到地图上。
setTilt(number)None设置航拍图像的入射角度数(支持 SATELLITE 和 HYBRID 地图类型)。
setZoom(number)None

Map() 的属性

属性类型描述
controlsArray.<MVCArray.<Node>>要附加到地图上的额外控件。
mapTypesMapTypeRegistry按字符串 ID 划分的 MapType 实例的注册表。
overlayMapTypesMVCArray.<MapType>要叠加的额外地图类型。

Map() 的事件

事件参数描述
bounds_changedNone当可视区域范围更改时会触发此事件。
center_changedNone当地图 center(中心)属性更改时会触发此事件。
clickMouseEvent当用户点击地图(但不是点击标记或信息窗口)时会触发此事件。
dblclickMouseEvent当用户双击地图时会触发此事件。请注意,触发此事件前还会触发点击事件。
dragNone当用户拖动地图时会反复触发此事件。
dragendNone当用户停止拖动地图时会触发此事件。
dragstartNone当用户开始拖动地图时会触发此事件。
heading_changedNone当地图 heading(方向)属性更改时会触发此事件。
idleNone当地图在平移或缩放之后变为闲置状态时会触发此事件。
maptypeid_changedNone当 mapTypeId 属性更改时会触发此事件。
mousemoveMouseEvent只要用户的鼠标在地图容器上移动,就会触发此事件。
mouseoutMouseEvent当用户的鼠标从地图容器上退出时会触发此事件。
mouseoverMouseEvent当用户的鼠标进入地图容器时会触发此事件。
projection_changedNone当投影更改时会触发此事件。
resizeNone当地图(div)更改尺寸时会触发此事件。
rightclickMouseEvent当用户右击地图时会触发此事件。
tilesloadedNone当可见图块载入完成后会触发此事件。
tilt_changedNone当地图 tilt(倾斜)属性更改时会触发此事件。
zoom_changedNone当地图 zoom(缩放)属性更改时会触发此事件。