上一节:

  Google Maps 参考手册

  • Map() 构造函数

    创建一个谷歌地图： 
    var map = new google.maps.Map(mapCanvas, mapOptions);
    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 返回当前的投影
    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 MapType实例的注册表（按字符串ID）
    overlayMapTypes MVCArray.<MapType> 要叠加的其他地图类型

  • Map() 事件

    事件 Arguments 描述
    bounds_changed None 视口边界更改时触发
    center_changed None 地图中心属性更改时触发
    click MouseEvent 当用户点击地图时触发
    dblclick MouseEvent 当用户双击地图时触发
    drag None 用户拖动地图时反复触发
    dragend None 当用户停止拖动地图时触发
    dragstart None 当用户开始拖动地图时触发
    heading_changed None 地图标题属性更改时触发
    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 地图倾斜属性更改时触发
    zoom_changed None 地图缩放属性更改时触发

  • 叠加层

    构造函数/对象 描述
    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 指定控件在地图上的位置
上一节: