Google-Maps-Referenzhandbuch
- Bestimmt die Position der Steuerelemente auf der Karte. Vorherige Seite
- Maps-Typen Nächste Seite
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() |
|
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 |
- Bestimmt die Position der Steuerelemente auf der Karte. Vorherige Seite
- Maps-Typen Nächste Seite