Google 地图参考
Map() 构造函数
示例
创建 Google 地图
var map = new google.maps.Map(mapCanvas, mapOptions);
定义和使用
Map() 构造函数在指定的 HTML 元素（通常是 <div> 元素）内创建一个新地图。
语法
new google.maps.Map(HTMLElement,MapOptions)
参数值
| 参数 |
描述 |
| HTMLElement |
指定将地图放置在哪个 HTML 元素中 |
| MapOptions |
包含地图初始化变量/选项的 MapOptions 对象 |
Map() 的方法
| 方法 |
返回值 |
描述 |
| fitBounds(LatLngBounds) |
无 |
设置视窗以包含给定的边界 |
| getBounds() |
LatLng,LatLng |
返回当前视窗的西南纬度/经度和东北纬度/经度 |
| getCenter() |
LatLng |
返回地图中心的纬度/经度 |
| getDiv() |
Node |
返回包含地图的 DOM 对象 |
| getHeading() |
数字 |
返回航拍影像的方向（对于 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) |
无 |
设置地图的缩放级别 |
Map() 的属性
| 属性 |
类型 |
描述 |
| controls |
Array.<MVCArray.<Node>> |
附加到地图的其他控件 |
| mapTypes |
MapTypeRegistry |
按字符串 ID 注册的 MapType 实例 |
| overlayMapTypes |
MVCArray.<MapType> |
要叠加的额外地图类型 |
Map() 的事件
| 事件 |
参数 |
描述 |
| bounds_changed |
无 |
当视窗边界发生变化时触发 |
| center_changed |
无 |
当地图中心属性发生变化时触发 |
| click |
MouseEvent |
当用户点击地图时触发 |
| dblclick |
MouseEvent |
当用户双击地图时触发 |
| drag |
无 |
当用户拖动地图时重复触发 |
| dragend |
无 |
当用户停止拖动地图时触发 |
| dragstart |
无 |
当用户开始拖动地图时触发 |
| heading_changed |
无 |
当地图方向属性发生变化时触发 |
| idle |
无 |
当地图在平移或缩放后变为空闲时触发 |
| maptypeid_changed |
无 |
当 mapTypeId 属性发生变化时触发 |
| mousemove |
MouseEvent |
当用户的鼠标在在地图容器上移动时触发 |
| mouseout |
MouseEvent |
当用户的鼠标移出地图容器时触发 |
| mouseover |
MouseEvent |
当用户的鼠标移入地图容器时触发 |
| projection_changed |
无 |
当投影发生变化时触发 |
| resize |
无 |
当地图（div）大小发生变化时触发 |
| rightclick |
MouseEvent |
当用户右键单击地图时触发 |
| tilesloaded |
无 |
当可见图块加载完毕时触发 |
| tilt_changed |
无 |
当地图倾斜属性发生变化时触发 |
| zoom_changed |
无 |
当地图缩放属性发生变化时触发 |
叠加层
| 构造函数/对象 |
描述 |
| Marker |
创建一个标记。（请注意，必须设置位置才能显示标记） |
| MarkerOptions |
用于渲染标记的选项 |
| MarkerImage |
表示标记图标或阴影图像的结构 |
| MarkerShape |
定义用于确定标记可点击区域（类型和坐标）的标记形状 |
| Animation |
指定可以在标记上播放的动画（弹跳或下落） |
| InfoWindow |
创建一个信息窗口 |
| InfoWindowOptions |
用于渲染信息窗口的选项 |
| Polyline |
创建一个折线（包含路径和描边样式） |
| PolylineOptions |
用于渲染折线的选项 |
| Polygon |
创建一个多边形（包含路径和描边+填充样式） |
| PolygonOptions |
用于渲染多边形的选项 |
| Rectangle |
创建一个矩形（包含边界和描边+填充样式） |
| RectangleOptions |
用于渲染矩形的选项 |
| Circle |
创建一个圆形（包含中心+半径和描边+填充样式） |
| CircleOptions |
用于渲染圆形的选项 |
| GroundOverlay |
|
| GroundOverlayOptions |
|
| OverlayView |
|
| MapPanes |
|
| MapCanvasProjection |
|
事件
| 构造函数/对象 |
描述 |
| MapsEventListener |
它没有方法和构造函数。它的实例从 addListener()、addDomListener() 返回，并最终传递回 removeListener() |
| event |
添加/删除/触发事件监听器 |
| MouseEvent |
从地图和叠加层上的各种鼠标事件返回 |
控件
| 构造函数/对象 |
描述 |
| MapTypeControlOptions |
保存用于修改控件（位置和样式）的选项 |
| MapTypeControlStyle |
指定要显示的地图控件类型（下拉菜单或按钮） |
| OverviewMapControlOptions |
用于渲染概述地图控件（打开或折叠）的选项 |
| PanControlOptions |
用于渲染平移控件（位置）的选项 |
| RotateControlOptions |
用于渲染旋转控件（位置）的选项 |
| ScaleControlOptions |
用于渲染比例尺控件（位置和样式）的选项 |
| ScaleControlStyle |
指定要显示的比例尺控件类型 |
| StreetViewControlOptions |
用于渲染街景小黄人控件（位置）的选项 |
| ZoomControlOptions |
用于渲染缩放控件（位置和样式）的选项 |
| ZoomControlStyle |
指定要显示的缩放控件类型（大或小） |
| ControlPosition |
指定控件在地图上的放置位置 |
W3schools Pathfinder
Track your progress - it's free!
