Google-Maps-Referenzhandbuch

Konstruktor von Map()

Erstellen Sie ein Google-Karte:

var map = new google.maps.Map(mapCanvas, mapOptions);

Definition und Verwendung

Der Map() Konstruktor erstellt eine neue Karte im angegebenen HTML-Element (normalerweise ein <div>-Element).

Syntax

new google.maps.Map(HTMLElement,MapOptions)

Wert des Parameters

参数 Beschreibung
HTMLElement Bestimmen Sie, in welchem HTML-Element die Karte platziert wird.
MapOptions Speichern Sie das MapOptions-Objekt mit den initialisierten Variablen/Optionen der Map().

Methoden von Map()

Methode Rückgabewert Beschreibung
fitBounds(LatLngBounds) None Stellen Sie den Ansichtsbereich ein, um die angegebenen Grenzen zu umfassen.
getBounds() LatLng,LatLng Geben Sie die Südwest- und Nordost-Koordinaten des aktuellen Ansichtsfensters zurück.
getCenter() LatLng Geben Sie die Breite/Longitudine des Mittelpunkts der Karte zurück.
getDiv() Node Geben Sie das DOM-Objekt zurück, das die Karte enthält.
getHeading() number

Geben Sie den Kompasskurs der Luftaufnahme zurück.

适用于 SATELLITE 和 HYBRID 地图类型。

getMapTypeId()
  • HYBRID
  • ROADMAP
  • SATELLITE
  • TERRAIN
Geben Sie die aktuelle Kartentyp zurück.
getProjection() Projection Geben Sie die aktuelle Projektion zurück.
getStreetView() StreetViewPanorama Geben Sie das Standard StreetViewPanorama, das mit der Karte verbunden ist, zurück.
getTilt() number

Geben Sie den Einfallswinkel der Luftaufnahme (in Grad) zurück.

适用于 SATELLITE 和 HYBRID 地图类型。

getZoom() number Geben Sie die aktuelle Zoomstufe der Karte zurück.
panBy(xnumber,ynumber) None Ändern Sie den Mittelpunkt der Karte um eine bestimmte Entfernung (in Pixeln).
panTo(LatLng) None Ändern Sie den Mittelpunkt der Karte auf die angegebene LatLng.
panToBounds(LatLngBounds) None Verschieben Sie die Karte so, dass sie den angegebenen LatLngBounds umfasst, ohne ihn zu verändern.
setCenter(LatLng) None Stellen Sie die Breite/Longitudine des Mittelpunkts der Karte ein.
setHeading(number) None

Stellen Sie den Kompasskurs der Luftaufnahme ein.

In Grad gemessen von der Nordrichtung aus.

setMapTypeId(MapTypeId) None Stellen Sie die Art der anzuzeigenden Karte ein.
setOptions(MapOptions) None
setStreetView(StreetViewPanorama) None 将 StreetViewPanorama 绑定到地图。
setTilt(number) None

设置航空图像的入射角(以度为单位)。

适用于 SATELLITE 和 HYBRID 地图类型。

setZoom(number) None 设置地图的缩放级别。

Map() 的属性

属性 类型 Beschreibung
controls Array.<MVCArray.<Node>> 追加到地图的附加控件。
mapTypes MapTypeRegistry 按字符串 ID 的 MapType 实例注册表。
overlayMapTypes MVCArray.<MapType> 要叠加的其他地图类型。

Map() 的事件

Ereignis 参数 Beschreibung
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 当地图缩放属性更改时触发。

叠加层

Konstruktor/Objekt Beschreibung
Marker 创建标记。(注意必须设置好标记的显示位置)
MarkerOptions 供渲染标记的选项。
MarkerImage 表示标记图标或阴影图像的结构。
MarkerShape 定义用于确定标记的可点击区域(类型和坐标)的标记形状。
Animation Bestimmt, welche Animation auf dem Marker abgespielt werden kann (Aufspringen oder Fallenlassen).
InfoWindow Erstellt ein Informationsfenster.
InfoWindowOptions Optionen zur Darstellung von Informationsfenstern.
Polyline Erstellt eine Polyline (enthalten Pfad und Strichstil).
PolylineOptions Optionen zur Darstellung von Polylinien.
Polygon Erstellt ein Polygon (enthalten Pfad und Strich + Füllstil).
PolygonOptions Optionen zur Darstellung von Polygonen.
Rectangle Erstellt ein Rechteck (enthalten Grenzen und Strich + Füllstil).
RectangleOptions Optionen zur Darstellung von Rechtecken.
Circle Erstellt einen Kreis (enthalten Mittelpunkt + Radius und Strich + Füllstil).
CircleOptions Optionen zur Darstellung von Kreisen.
GroundOverlay
GroundOverlayOptions
OverlayView
MapPanes
MapCanvasProjection

Ereignis

Konstruktor/Objekt Beschreibung
MapsEventListener

Es hat keine Methoden und keinen Konstruktor.

Seine Instanzen werden von addListener(), addDomListener() zurückgegeben und letztlich an removeListener() weitergegeben.

event Fügt/Entfernt/Triggert Ereignisabhörer hinzu.
MouseEvent Gibt verschiedene Mausereignisse von der Karte und den Overlays zurück.

Steuerung

Steuerung/Objekt Beschreibung
MapTypeControlOptions Speichert die Optionen zur Änderung der Steuerung (Position und Stil).
MapTypeControlStyle Bestimmt, welche Art von Kartensteuerung angezeigt werden soll (Dropdown-Menü oder Schalter).
OverviewMapControlOptions Optionen zur Darstellung des Übersichtskarten-Steuerungs-Elements (Ausgeklappt oder eingeklappt).
PanControlOptions Optionen zur Darstellung der Verschiebungssteuerung (Position).
RotateControlOptions Optionen zur Darstellung der Drehsteuerung (Position).
ScaleControlOptions Optionen zur Darstellung der Maßstabssteuerung (Position und Stil).
ScaleControlStyle Bestimmt, welche Maßstabssteuerung angezeigt werden soll.
StreetViewControlOptions Optionen zur Darstellung des StreetView-Pegman-Steuerungs-Elements (Position).
ZoomControlOptions Optionen zur Darstellung des Zoomsteuerungs-Elements (Position und Stil).
ZoomControlStyle 规定要显示哪种缩放控件(大或小)。
Bestimmt, welche Art von Zoom-Steuerelement (groß oder klein) angezeigt werden soll. ControlPosition