Map APIMap()Konstruktor
Beispiel
Eine Google-Karte erstellen:
var map=new google.maps.Map(document.getElementById("googleMap"),mapOpt);
Selbst ausprobieren »
Definition und Verwendung
Der Map()-Konstruktor erstellt eine neue Karte und fügt sie in das angegebene HTML-Element (ein <div>-Element) ein.
Syntax
new google.maps.Map(HTMLElement,MapOptions)
Parameterwert
| Parameter | Beschreibung |
|---|---|
| HTMLElement | Gibt das HTML-Element an, in dem die Karte platziert werden soll. |
| MapOptions | Ein MapOptions-Objekt mit Variablen/Optionen zur Karteninitialisierung. |
Map()-Methoden
| Methode | Rückgabewert | Beschreibung |
|---|---|---|
| fitBounds(LatLngBounds) | Keine | Legt den Viewport so fest, dass er die angegebenen Grenzen enthält. |
| getBounds() | LatLng,LatLng | Gibt den südwestlichen Breiten-/Längengrad und den nordöstlichen Breiten-/Längengrad des aktuellen Viewports zurück. |
| getCenter() | LatLng | Gibt den Breiten-/Längengrad des Kartenmittelpunkts zurück. |
| getDiv() | Knoten | Gibt das DOM-Objekt zurück, das die Karte enthält. |
| getHeading() | number | Gibt die Kompassausrichtung der Luftbilder zurück (unterstützt für die Kartentypen SATELLITE und HYBRID). |
| getMapTypeId() | HYBRID ROADMAP SATELLITE TERRAIN | Gibt den aktuellen Kartentyp zurück. |
| getProjection() | Projection | Gibt die aktuelle Projection zurück. |
| getStreetView() | StreetViewPanorama | Gibt das standardmäßig an die Karte gebundene StreetViewPanorama zurück. |
| getTilt() | number | Gibt den Einfallswinkel in Grad des Luftbilds zurück (unterstützt für die Kartentypen SATELLITE und HYBRID). |
| getZoom() | number | Gibt die aktuelle Zoomstufe der Karte zurück. |
| panBy(xnumber,ynumber) | Keine | Verschiebt den Mittelpunkt der Karte um die angegebene Entfernung in Pixeln. |
| panTo(LatLng) | Keine | Ändert den Mittelpunkt der Karte auf das angegebene LatLng. |
| panToBounds(LatLngBounds) | Keine | Verschiebt die Karte um die minimale Entfernung, die erforderlich ist, um die angegebenen LatLngBounds zu enthalten. |
| setCenter(LatLng) | Keine | |
| setHeading(number) | Keine | Legt die Kompassrichtung der Luftbilder fest (in Grad gemessen), wobei Norden die Basisrichtung ist. |
| setMapTypeId(MapTypeId) | Keine | Ändert den anzuzeigenden Kartentyp. |
| setOptions(MapOptions) | Keine | |
| setStreetView(StreetViewPanorama) | Keine | Bindet ein StreetViewPanorama an die Karte. |
| setTilt(number) | Keine | Legt den Einfallswinkel in Grad der Luftbilder fest (wird für die Kartentypen SATELLITE und HYBRID unterstützt). |
| setZoom(number) | Keine |
Map()-Eigenschaften
| Attribute | Type | Beschreibung |
|---|---|---|
| controls | Array.<MVCArray.<Node>> | Zusätzliche Steuerelemente, die an die Karte angehängt werden. |
| mapTypes | MapTypeRegistry | Ein Register von MapType-Instanzen mit String-ID als Schlüssel. |
| overlayMapTypes | MVCArray.<MapType> | Zusätzliche Kartentypen zum Überlagern. |
Map()-Ereignisse
| Ereignis | Parameter | Beschreibung |
|---|---|---|
| bounds_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die Grenzen des Viewports ändern. |
| center_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die Eigenschaft für den Kartenmittelpunkt ändert. |
| click | MouseEvent | Dieses Ereignis wird ausgelöst, wenn der Benutzer auf die Karte klickt (aber nicht auf eine Markierung oder ein Info-Fenster). |
| dblclick | MouseEvent | Dieses Ereignis wird ausgelöst, wenn der Benutzer auf die Karte doppelklickt. Beachten Sie, dass vor diesem Ereignis auch ein click-Ereignis ausgelöst wird. |
| drag | Keine | Dieses Ereignis wird wiederholt ausgelöst, während der Benutzer die Karte zieht. |
| dragend | Keine | Dieses Ereignis wird ausgelöst, wenn der Benutzer das Ziehen der Karte beendet. |
| dragstart | Keine | Dieses Ereignis wird ausgelöst, wenn der Benutzer beginnt, die Karte zu ziehen. |
| heading_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die heading-Eigenschaft der Karte ändert. |
| idle | Keine | Dieses Ereignis wird ausgelöst, wenn die Karte nach dem Verschieben oder Zoomen in den Ruhezustand übergeht. |
| maptypeid_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die mapTypeId-Eigenschaft ändert. |
| mousemove | MouseEvent | Dieses Ereignis wird ausgelöst, wann immer sich die Maus des Benutzers über dem Kartencontainer bewegt. |
| mouseout | MouseEvent | Dieses Ereignis wird ausgelöst, wenn die Maus des Benutzers den Kartencontainer verlässt. |
| mouseover | MouseEvent | Dieses Ereignis wird ausgelöst, wenn die Maus des Benutzers den Kartencontainer betritt. |
| projection_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die Projektion ändert. |
| resize | Keine | Dieses Ereignis wird ausgelöst, wenn sich die Größe der Karte (div) ändert. |
| rightclick | MouseEvent | Dieses Ereignis wird ausgelöst, wenn der Benutzer mit der rechten Maustaste auf die Karte klickt. |
| tilesloaded | Keine | Dieses Ereignis wird ausgelöst, wenn die sichtbaren Kacheln fertig geladen sind. |
| tilt_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die Tilt-Eigenschaft der Karte ändert. |
| zoom_changed | Keine | Dieses Ereignis wird ausgelöst, wenn sich die Zoom-Eigenschaft der Karte ändert. |