地图 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() 的属性
属性
|
类型
|
描述
|
controls
|
Array.<MVCArray.<Node>>
|
要附加到地图上的额外控件。
|
mapTypes
|
MapTypeRegistry
|
按字符串 ID 划分的 MapType 实例的注册表。
|
overlayMapTypes
|
MVCArray.<MapType>
|
要叠加的额外地图类型。
|
Map() 的事件
事件
|
参数
|
描述
|
bounds_changed
|
None
|
当可视区域范围更改时会触发此事件。
|
center_changed
|
None
|
当地图 center(中心)属性更改时会触发此事件。
|
click
|
MouseEvent
|
当用户点击地图(但不是点击标记或信息窗口)时会触发此事件。
|
dblclick
|
MouseEvent
|
当用户双击地图时会触发此事件。请注意,触发此事件前还会触发点击事件。
|
drag
|
None
|
当用户拖动地图时会反复触发此事件。
|
dragend
|
None
|
当用户停止拖动地图时会触发此事件。
|
dragstart
|
None
|
当用户开始拖动地图时会触发此事件。
|
heading_changed
|
None
|
当地图 heading(方向)属性更改时会触发此事件。
|
idle
|
None
|
当地图在平移或缩放之后变为闲置状态时会触发此事件。
|
maptypeid_changed
|
None
|
当 mapTypeId 属性更改时会触发此事件。
|
mousemove
|
MouseEvent
|
只要用户的鼠标在地图容器上移动,就会触发此事件。
|
mouseout
|
MouseEvent
|
当用户的鼠标从地图容器上退出时会触发此事件。
|
mouseover
|
MouseEvent
|
当用户的鼠标进入地图容器时会触发此事件。
|
projection_changed
|
None
|
当投影更改时会触发此事件。
|
resize
|
None
|
当地图(div)更改尺寸时会触发此事件。
|
rightclick
|
MouseEvent
|
当用户右击地图时会触发此事件。
|
tilesloaded
|
None
|
当可见图块载入完成后会触发此事件。
|
tilt_changed
|
None
|
当地图 tilt(倾斜)属性更改时会触发此事件。
|
zoom_changed
|
None
|
当地图 zoom(缩放)属性更改时会触发此事件。
|