Draw on the map

Klasa Marker3DElement

google.maps.maps3d.Marker3DElement zajęcia

Pokazuje pozycję na mapie 3D. Pamiętaj, że aby wyświetlać Marker3DElement, musisz ustawić position.

Element niestandardowy:
<gmp-marker-3d altitude-mode="absolute" collision-behavior="required" draws-when-occluded extruded label="string" position="lat,lng" size-preserved z-index="number"></gmp-marker-3d>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs Marker3DElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Marker3DElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Marker3DElement
Marker3DElement([options])
Parametry: 
Tworzy Marker3DElement z określonymi opcjami.
altitudeMode
Typ:  AltitudeMode optional
Domyślnie: AltitudeMode.CLAMP_TO_GROUND
Określa sposób interpretowania wysokości nad poziomem morza.
Atrybut HTML:
  • <gmp-marker-3d altitude-mode="absolute"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="clamp-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-mesh"></gmp-marker-3d>
collisionBehavior
Typ:  CollisionBehavior optional
Domyślnie: CollisionBehavior.REQUIRED
Wyliczenie określające, jak element Marker3DElement powinien się zachowywać, gdy koliduje z innym elementem Marker3DElement lub z etykietami mapy podstawowej.
Atrybut HTML:
  • <gmp-marker-3d collision-behavior="required"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="required-and-hides-optional"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="optional-and-hides-lower-priority"></gmp-marker-3d>
drawsWhenOccluded
Typ:  boolean optional
Domyślnie: false
Określa, czy ten znacznik powinien być rysowany, gdy jest zasłonięty. Znacznik może być zasłonięty przez geometrię mapy (np. budynki).
Atrybut HTML:
  • <gmp-marker-3d draws-when-occluded></gmp-marker-3d>
extruded
Typ:  boolean optional
Domyślnie: false
Określa, czy znacznik ma być połączony z ziemią. Aby wyciągnąć znacznik, altitudeMode musi mieć wartość RELATIVE_TO_GROUND lub ABSOLUTE.
Atrybut HTML:
  • <gmp-marker-3d extruded></gmp-marker-3d>
label
Typ:  string optional
Tekst, który ma być wyświetlany przez ten znacznik.
Atrybut HTML:
  • <gmp-marker-3d label="string"></gmp-marker-3d>
position
Lokalizacja końcówki znacznika. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • <gmp-marker-3d position="lat,lng"></gmp-marker-3d>
  • <gmp-marker-3d position="lat,lng,altitude"></gmp-marker-3d>
sizePreserved
Typ:  boolean optional
Domyślnie: false
Określa, czy ten znacznik powinien zachować swój rozmiar niezależnie od odległości od kamery. Domyślnie znacznik jest skalowany na podstawie odległości od kamery lub nachylenia.
Atrybut HTML:
  • <gmp-marker-3d size-preserved></gmp-marker-3d>
zIndex
Typ:  number optional
Wartość zIndex w porównaniu z innymi znacznikami.
Atrybut HTML:
  • <gmp-marker-3d z-index="number"></gmp-marker-3d>
default
Wszystkie elementy niestandardowe dodane bezpośrednio do elementu Marker3DElement zostaną umieszczone w odpowiednich miejscach, ale do rysowania znaczników będą używane tylko elementy typu HTMLImageElement, SVGElement i PinElement. Inne elementy zostaną zignorowane. Elementy
HTMLImageElement i SVGElement muszą być opakowane w element <template> przed przypisaniem do domyślnego boksu elementu Marker3DElement.

Obrazy i pliki SVG są obecnie rasteryzowane przed renderowaniem w scenie 3D, więc niestandardowy kod HTML umieszczony w plikach SVG lub klasy CSS dodane do obrazów nie zostaną zastosowane i mogą nie być odzwierciedlane, gdy znaczniki są wyświetlane na ekranie.
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

Marker3DElementOptions interface

Interfejs google.maps.maps3d.Marker3DElementOptions

Obiekt Marker3DElementOptions służący do definiowania właściwości, które można ustawić w Marker3DElement.
altitudeMode optional
Typ:  AltitudeMode optional
Zobacz Marker3DElement.altitudeMode.
collisionBehavior optional
Typ:  CollisionBehavior optional
Zobacz Marker3DElement.collisionBehavior.
drawsWhenOccluded optional
Typ:  boolean optional
Zobacz Marker3DElement.drawsWhenOccluded.
extruded optional
Typ:  boolean optional
Zobacz Marker3DElement.extruded.
label optional
Typ:  string optional
Zobacz Marker3DElement.label.
position optional
Zobacz Marker3DElement.position.
sizePreserved optional
Typ:  boolean optional
Zobacz Marker3DElement.sizePreserved.
zIndex optional
Typ:  number optional
Zobacz Marker3DElement.zIndex.

Marker3DInteractiveElement class

google.maps.maps3d.Marker3DInteractiveElement zajęcia

Pokazuje pozycję na mapie 3D. Pamiętaj, że aby wyświetlać Marker3DInteractiveElement, musisz ustawić position. W przeciwieństwie do Marker3DElement Marker3DInteractiveElement otrzymuje zdarzenie gmp-click.

Element niestandardowy:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>

Ta klasa rozszerza klasę Marker3DElement.

Ta klasa implementuje interfejs Marker3DInteractiveElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
Parametry: 
Tworzy Marker3DInteractiveElement z określonymi opcjami.
gmpPopoverTargetElement
Typ:  PopoverElement optional
Po ustawieniu element wyskakujący będzie otwierany po kliknięciu tego znacznika.
Atrybut HTML:
  • <gmp-marker-3d-interactive gmp-popover-target="popover-id"></gmp-marker-3d-interactive>
title
Typ:  string
Tekst po najechaniu kursorem. Jeśli podasz tekst ułatwień dostępu (np. do użycia z czytnikami ekranu), zostanie on dodany do elementu Marker3DInteractiveElement z podaną wartością.
Atrybut HTML:
  • <gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>
Dziedziczone: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex
default
Wszystkie elementy niestandardowe dodane bezpośrednio do elementu Marker3DInteractiveElement zostaną umieszczone w odpowiednich miejscach, ale do rysowania znaczników będą używane tylko elementy typu PinElement. Inne elementy zostaną zignorowane.
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-click
function(clickEvent)
Argumenty: 
To zdarzenie jest wywoływane po kliknięciu elementu Marker3DInteractiveElement.

Marker3DInteractiveElementOptions interface

Interfejs google.maps.maps3d.Marker3DInteractiveElementOptions

Obiekt Marker3DInteractiveElementOptions służący do definiowania właściwości, które można ustawić w Marker3DInteractiveElement.

Ten interfejs rozszerza Marker3DElementOptions.

gmpPopoverTargetElement optional
Typ:  PopoverElement optional
Zobacz Marker3DInteractiveElement.gmpPopoverTargetElement.
title optional
Typ:  string optional
Zobacz Marker3DInteractiveElement.title.
Dziedziczone: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Klasa Model3DElement

google.maps.maps3d.Model3DElement zajęcia

Model 3D, który umożliwia renderowanie modeli gLTF. Pamiętaj, że aby wyświetlać Model3DElement, musisz ustawić position i src.

Podstawowe właściwości gLTF PBR powinny być obsługiwane. Obecnie nie są obsługiwane żadne rozszerzenia ani właściwości rozszerzeń.

Element niestandardowy:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs Model3DElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Model3DElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Model3DElement
Model3DElement([options])
Parametry: 
Tworzy Model3DElement z określonymi opcjami.
altitudeMode
Typ:  AltitudeMode optional
Domyślnie: AltitudeMode.CLAMP_TO_GROUND
Określa sposób interpretowania wysokości w pozycji.
Atrybut HTML:
  • <gmp-model-3d altitude-mode="absolute"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="clamp-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-mesh"></gmp-model-3d>
orientation
Opisuje obrót układu współrzędnych modelu 3D w celu umieszczenia go na mapie 3D.

Obrót jest stosowany do modelu w następującej kolejności: przechył, nachylenie, a następnie kierunek.
Atrybut HTML:
  • <gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>
position
Ustawia pozycję elementu Model3DElement. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • <gmp-model-3d position="lat,lng"></gmp-model-3d>
  • <gmp-model-3d position="lat,lng,altitude"></gmp-model-3d>
scale
Typ:  number|Vector3D|Vector3DLiteral optional
Domyślnie: 1
Skaluje model wzdłuż osi X, Y i Z w przestrzeni współrzędnych modelu.
Atrybut HTML:
  • <gmp-model-3d scale="number"></gmp-model-3d>
  • <gmp-model-3d scale="x,y,z"></gmp-model-3d>
src
Typ:  string|URL optional
Określa adres URL modelu 3D. Obecnie obsługiwane są tylko modele w formacie .glb.

Wszystkie względne adresy URL HTTP zostaną przekształcone w odpowiadające im bezwzględne adresy URL.

Pamiętaj, że jeśli pliki modelu .glb przechowujesz w innej witrynie lub na innym serwerze niż główna aplikacja, musisz skonfigurować prawidłowe nagłówki HTTP CORS. Umożliwia to aplikacji bezpieczny dostęp do plików modelu z innej domeny.
Atrybut HTML:
  • <gmp-model-3d src="url"></gmp-model-3d>
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

Interfejs Model3DElementOptions

Interfejs google.maps.maps3d.Model3DElementOptions

Obiekt Model3DElementOptions służący do definiowania właściwości, które można ustawić w obiekcie Model3DElement.
altitudeMode optional
Typ:  AltitudeMode optional
Zobacz Model3DElement.altitudeMode.
orientation optional
Zobacz Model3DElement.orientation.
position optional
Zobacz Model3DElement.position.
scale optional
Typ:  number|Vector3D|Vector3DLiteral optional
Zobacz Model3DElement.scale.
src optional
Typ:  string|URL optional
Zobacz Model3DElement.src.

Klasa Model3DInteractiveElement

google.maps.maps3d.Model3DInteractiveElement zajęcia

Model 3D, który umożliwia renderowanie modeli gLTF. Pamiętaj, że aby wyświetlać Model3DElement, musisz ustawić position i src.

Podstawowe właściwości gLTF PBR powinny być obsługiwane. Obecnie nie są obsługiwane żadne rozszerzenia ani właściwości rozszerzeń.

W odróżnieniu od Model3DElement, Model3DInteractiveElement otrzymuje zdarzenie gmp-click.

Element niestandardowy:
<gmp-model-3d-interactive></gmp-model-3d-interactive>

Ta klasa rozszerza klasę Model3DElement.

Ta klasa implementuje interfejs Model3DInteractiveElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Model3DInteractiveElement
Model3DInteractiveElement([options])
Parametry: 
Tworzy Model3DInteractiveElement z określonymi opcjami.
Dziedziczone: altitudeMode, orientation, position, scale, src
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-click
function(clickEvent)
Argumenty: 
To zdarzenie jest wywoływane po kliknięciu elementu Model3DInteractiveElement.

Interfejs Model3DInteractiveElementOptions

Interfejs google.maps.maps3d.Model3DInteractiveElementOptions

Obiekt Model3DInteractiveElementOptions służący do definiowania właściwości, które można ustawić w obiekcie Model3DInteractiveElement.

Ten interfejs rozszerza Model3DElementOptions.

Dziedziczone: altitudeMode, orientation, position, scale, src

Polyline3DElement

google.maps.maps3d.Polyline3DElement zajęcia

Linia łamana 3D to liniowa nakładka połączonych segmentów linii na mapie 3D.

Element niestandardowy:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polyline-3d>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs Polyline3DElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Polyline3DElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Polyline3DElement
Polyline3DElement([options])
Parametry: 
Tworzy Polyline3DElement z określonymi opcjami.
altitudeMode
Typ:  AltitudeMode optional
Domyślnie: AltitudeMode.CLAMP_TO_GROUND
Określa sposób interpretowania komponentów wysokości we współrzędnych.
Atrybut HTML:
  • <gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>
drawsOccludedSegments
Typ:  boolean optional
Domyślnie: false
Określa, czy części linii łamanej, które mogą być zasłonięte, są rysowane. Polilinie mogą być zasłonięte przez geometrię mapy (np. budynki).
Atrybut HTML:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
Typ:  boolean optional
Domyślnie: false
Określa, czy połączyć polilinię z podłożem. Aby wyciągnąć linię łamaną, altitudeMode musi mieć wartość RELATIVE_TO_GROUND lub ABSOLUTE.
Atrybut HTML:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
Typ:  boolean optional
Domyślnie: false
Gdy parametr ma wartość true, krawędzie linii łamanej są interpretowane jako geodezyjne i będą podążać za krzywizną Ziemi. Jeśli wartość to false, krawędzie linii łamanej są renderowane jako linie proste w przestrzeni ekranu.
Atrybut HTML:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
Typ:  string optional
Kolor zewnętrzny. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerWidth
Typ:  number optional
Szerokość zewnętrzna wynosi od 0.0 do 1.0. Jest to procentowa wartość strokeWidth.
Atrybut HTML:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
path
Uporządkowana sekwencja współrzędnych linii łamanej. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • <gmp-polyline-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polyline-3d>
strokeColor
Typ:  string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeWidth
Typ:  number optional
Szerokość obrysu w pikselach.
Atrybut HTML:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
Typ:  number optional
Wartość zIndex w porównaniu z innymi wielokątami.
Atrybut HTML:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
coordinates
Uporządkowana sekwencja współrzędnych linii łamanej. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

Polyline3DElementOptions interface

Interfejs google.maps.maps3d.Polyline3DElementOptions

Obiekt Polyline3DElementOptions służący do definiowania właściwości, które można ustawić w obiekcie Polyline3DElement.
altitudeMode optional
Typ:  AltitudeMode optional
Zobacz Polyline3DElement.altitudeMode.
coordinates optional
Zobacz Polyline3DElement.coordinates.
drawsOccludedSegments optional
Typ:  boolean optional
Zobacz Polyline3DElement.drawsOccludedSegments.
extruded optional
Typ:  boolean optional
Zobacz Polyline3DElement.extruded.
geodesic optional
Typ:  boolean optional
Zobacz Polyline3DElement.geodesic.
outerColor optional
Typ:  string optional
Zobacz Polyline3DElement.outerColor.
outerWidth optional
Typ:  number optional
Zobacz Polyline3DElement.outerWidth.
strokeColor optional
Typ:  string optional
Zobacz Polyline3DElement.strokeColor.
strokeWidth optional
Typ:  number optional
Zobacz Polyline3DElement.strokeWidth.
zIndex optional
Typ:  number optional
Zobacz Polyline3DElement.zIndex.

Klasa Polyline3DInteractiveElement

google.maps.maps3d.Polyline3DInteractiveElement zajęcia

Linia łamana 3D to liniowa nakładka połączonych segmentów linii na mapie 3D. W przeciwieństwie do Polyline3DElement Polyline3DInteractiveElement otrzymuje zdarzenie gmp-click.

Element niestandardowy:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

Ta klasa rozszerza klasę Polyline3DElement.

Ta klasa implementuje interfejs Polyline3DInteractiveElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
Parametry: 
Tworzy Polyline3DInteractiveElement z określonymi opcjami.
Dziedziczone: altitudeMode, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex, coordinates
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-click
function(clickEvent)
Argumenty: 
  • clickEvent:  LocationClickEvent Obiekt zdarzenia będzie zawierać lokalizację kliknięcia (szerokość i długość geograficzną oraz wysokość).
To zdarzenie jest wywoływane po kliknięciu elementu Polyline3DInteractiveElement.

Interfejs Polyline3DInteractiveElementOptions

Interfejs google.maps.maps3d.Polyline3DInteractiveElementOptions

Obiekt Polyline3DInteractiveElementOptions służący do definiowania właściwości, które można ustawić w obiekcie Polyline3DInteractiveElement.

Ten interfejs rozszerza Polyline3DElementOptions.

Dziedziczone: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex

Klasa Polygon3DElement

google.maps.maps3d.Polygon3DElement zajęcia

Wielokąt 3D (podobnie jak linia łamana 3D) definiuje serię połączonych współrzędnych w uporządkowanej sekwencji. Dodatkowo wielokąty tworzą zamkniętą pętlę i definiują wypełniony region.

Element niestandardowy:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..." stroke-color="string" stroke-width="number" z-index="number"></gmp-polygon-3d>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs Polygon3DElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Polygon3DElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Polygon3DElement
Polygon3DElement([options])
Parametry: 
Tworzy Polygon3DElement z określonymi opcjami.
altitudeMode
Typ:  AltitudeMode optional
Domyślnie: AltitudeMode.CLAMP_TO_GROUND
Określa sposób interpretowania komponentów wysokości we współrzędnych.
Atrybut HTML:
  • <gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>
drawsOccludedSegments
Typ:  boolean optional
Domyślnie: false
Określa, czy części wielokąta, które mogą być zasłonięte, są rysowane. Wielokąty mogą być zasłonięte przez geometrię mapy (np. budynki).
Atrybut HTML:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
Typ:  boolean optional
Domyślnie: false
Określa, czy połączyć wielokąt z gruntem. Aby wyciągnąć wielokąt, altitudeMode musi mieć wartość RELATIVE_TO_GROUND lub ABSOLUTE.
Atrybut HTML:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
Typ:  string optional
Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
geodesic
Typ:  boolean optional
Domyślnie: false
Gdy parametr ma wartość true, krawędzie wielokąta są interpretowane jako geodezyjne i będą podążać za krzywizną Ziemi. Gdy wartość wynosi false, krawędzie wielokąta są renderowane jako linie proste w przestrzeni ekranu.
Atrybut HTML:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerPaths
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. W przeciwieństwie do linii łamanych wielokąt może składać się z co najmniej jednej ścieżki, która tworzy wiele wycięć wewnątrz wielokąta.
path
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • <gmp-polygon-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polygon-3d>
strokeColor
Typ:  string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeWidth
Typ:  number optional
Szerokość obrysu w pikselach.
Atrybut HTML:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
Typ:  number optional
Wartość zIndex w porównaniu z innymi wielokątami.
Atrybut HTML:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
outerCoordinates
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
innerCoordinates
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. W przeciwieństwie do linii łamanych wielokąt może składać się z co najmniej jednej ścieżki, która tworzy wiele wycięć wewnątrz wielokąta.
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

Interfejs Polygon3DElementOptions

Interfejs google.maps.maps3d.Polygon3DElementOptions

Obiekt Polygon3DElementOptions służący do definiowania właściwości, które można ustawić w Polygon3DElement.
altitudeMode optional
Typ:  AltitudeMode optional
Zobacz Polygon3DElement.altitudeMode.
drawsOccludedSegments optional
Typ:  boolean optional
Zobacz Polygon3DElement.drawsOccludedSegments.
extruded optional
Typ:  boolean optional
Zobacz Polygon3DElement.extruded.
fillColor optional
Typ:  string optional
Zobacz Polygon3DElement.fillColor.
geodesic optional
Typ:  boolean optional
Zobacz Polygon3DElement.geodesic.
innerCoordinates optional
Zobacz Polygon3DElement.innerCoordinates.
outerCoordinates optional
Zobacz Polygon3DElement.outerCoordinates.
strokeColor optional
Typ:  string optional
Zobacz Polygon3DElement.strokeColor.
strokeWidth optional
Typ:  number optional
Zobacz Polygon3DElement.strokeWidth.
zIndex optional
Typ:  number optional
Zobacz Polygon3DElement.zIndex.

Klasa Polygon3DInteractiveElement

google.maps.maps3d.Polygon3DInteractiveElement zajęcia

Wielokąt 3D (podobnie jak linia łamana 3D) definiuje serię połączonych współrzędnych w uporządkowanej sekwencji. Dodatkowo wielokąty tworzą zamkniętą pętlę i definiują wypełniony region. W przeciwieństwie do Polygon3DElement Polygon3DInteractiveElement otrzymuje zdarzenie gmp-click.

Element niestandardowy:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

Ta klasa rozszerza klasę Polygon3DElement.

Ta klasa implementuje interfejs Polygon3DInteractiveElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
Parametry: 
Tworzy Polygon3DInteractiveElement z określonymi opcjami.
Dziedziczone: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerPaths, path, strokeColor, strokeWidth, zIndex, outerCoordinates, innerCoordinates
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.
gmp-click
function(clickEvent)
Argumenty: 
  • clickEvent:  LocationClickEvent Obiekt zdarzenia będzie zawierać lokalizację kliknięcia (szerokość i długość geograficzną oraz wysokość).
To zdarzenie jest wywoływane po kliknięciu elementu Polygon3DInteractiveElement.

Polygon3DInteractiveElementOptions interface

Interfejs google.maps.maps3d.Polygon3DInteractiveElementOptions

Obiekt Polygon3DInteractiveElementOptions służący do definiowania właściwości, które można ustawić w przypadku elementu Polygon3DInteractiveElement.

Ten interfejs rozszerza Polygon3DElementOptions.

Dziedziczone: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex

Klasa PopoverElement

google.maps.maps3d.PopoverElement zajęcia

Niestandardowy element HTML, który renderuje wyskakujące okienko. Wygląda jak dymek i często jest połączone ze znacznikiem.

Element niestandardowy:
<gmp-popover altitude-mode="absolute" auto-pan-disabled light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>

Ta klasa rozszerza klasę HTMLElement.

Ta klasa implementuje interfejs PopoverElementOptions.

Aby uzyskać dostęp, zadzwoń pod numer const {PopoverElement} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
PopoverElement
PopoverElement([options])
Parametry: 
altitudeMode
Typ:  AltitudeMode optional
Domyślnie: AltitudeMode.CLAMP_TO_GROUND
Określa sposób interpretowania wysokości nad poziomem morza.
Atrybut HTML:
  • <gmp-popover altitude-mode="absolute"></gmp-popover>
  • <gmp-popover altitude-mode="clamp-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-mesh"></gmp-popover>
autoPanDisabled
Typ:  boolean optional
Domyślnie: false
Jeśli ma wartość „true”, wyłącza przesuwanie mapy, aby po otwarciu wyskakujące okienko było w pełni widoczne.
Atrybut HTML:
  • <gmp-popover auto-pan-disabled></gmp-popover>
lightDismissDisabled
Typ:  boolean optional
Domyślnie: false
Określa, czy ten element popover powinien być „lekko odrzucony”. Działanie „lekkiego odrzucenia” jest podobne do ustawienia atrybutu popover="auto", który jest częścią interfejsu Popover API przeglądarki.
Atrybut HTML:
  • <gmp-popover light-dismiss-disabled></gmp-popover>
open
Typ:  boolean optional
Domyślnie: false
Określa, czy to wyskakujące okienko powinno być otwarte.
Atrybut HTML:
  • <gmp-popover open></gmp-popover>
positionAnchor
Pozycja, na której ma się wyświetlać to wyskakujące okienko. Jeśli okienko jest zakotwiczone w interaktywnym znaczniku, zostanie użyta pozycja znacznika.
Atrybut HTML:
  • <gmp-popover position-anchor="lat,lng"></gmp-popover>
  • <gmp-popover position-anchor="lat,lng,altitude"></gmp-popover>
  • <gmp-popover position-anchor="marker-id"></gmp-popover>
default
Umieszcza zawartość w głównej sekcji wyskakującego okienka.
header
Umieszcza zawartość w sekcji nagłówka wyskakującego okienka.
--gmp-popover-max-width
Maksymalna szerokość wyskakującego okienka, niezależnie od szerokości treści.
--gmp-popover-min-width
Minimalna szerokość wyskakującego okienka, niezależnie od szerokości treści. Jeśli używasz tej właściwości, zdecydowanie zalecamy ustawienie jej wartości na mniejszą niż szerokość mapy (w pikselach).
--gmp-popover-pixel-offset-x
Przesunięcie na osi X (w pikselach) końcówki wyskakującego okienka względem punktu na mapie, do którego współrzędnych geograficznych jest ono zakotwiczone.
--gmp-popover-pixel-offset-y
Przesunięcie na osi Y (w pikselach) końcówki wyskakującego okienka względem punktu na mapie, w którego współrzędnych geograficznych jest zakotwiczone okienko.
background-color
Kolor tła wyskakującego okienka. Więcej informacji znajdziesz w background-color dokumentacji. Pamiętaj, że ta właściwość ma też wpływ na domyślne wyskakujące okienko miejsca. Aby uniknąć stylizowania domyślnego wyskakującego okienka miejsca, użyj ukierunkowanych klas CSS lub stylów wbudowanych w niestandardowych wyskakujących okienkach.
border-radius
Promień obramowania wyskakującego okienka. Więcej informacji znajdziesz w border-radius dokumentacji. Pamiętaj, że ta właściwość ma też wpływ na domyślne wyskakujące okienko miejsca. Aby uniknąć stylizowania domyślnego wyskakującego okienka miejsca, użyj ukierunkowanych klas CSS lub stylów wbudowanych w niestandardowych wyskakujących okienkach.
box-shadow
Cień ramki wyskakującego okienka. Więcej informacji znajdziesz w box-shadow dokumentacji. Pamiętaj, że ta właściwość ma też wpływ na domyślne wyskakujące okienko miejsca. Aby uniknąć stylizowania domyślnego wyskakującego okienka miejsca, użyj ukierunkowanych klas CSS lub stylów wbudowanych w niestandardowych wyskakujących okienkach.
color-scheme
Wskazuje, w jakim schemacie kolorów może być renderowane to wyskakujące okienko. Więcej informacji znajdziesz w color-scheme dokumentacji. Jeśli nie zostanie określony, domyślnie używane są preferencje schematu kolorów użytkownika.
padding
Odstęp wyskakującego okienka. Więcej informacji znajdziesz w padding dokumentacji. Pamiętaj, że ta właściwość ma też wpływ na domyślne wyskakujące okienko miejsca. Aby uniknąć stylizowania domyślnego wyskakującego okienka miejsca, użyj ukierunkowanych klas CSS lub stylów wbudowanych w niestandardowych wyskakujących okienkach.
addEventListener
addEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków (z uwzględnieniem wielkości liter) reprezentujący typ zdarzenia, które ma być nasłuchiwane.
  • listener:  EventListener|EventListenerObject Obiekt, który otrzymuje powiadomienie. Musi to być funkcja lub obiekt z metodą handleEvent
  • options:  boolean|AddEventListenerOptions optional Zobacz opcje. Zdarzenia niestandardowe obsługują tylko te parametry: capture i passive.
Wartość zwracana:  void
Konfiguruje funkcję, która będzie wywoływana za każdym razem, gdy określone zdarzenie zostanie dostarczone do celu. Zobacz addEventListener.
removeEventListener
removeEventListener(type, listener[, options])
Parametry: 
  • type:  string ciąg znaków określający typ zdarzenia, dla którego ma zostać usunięty detektor zdarzeń.
  • listener:  EventListener|EventListenerObject Detektor zdarzeń modułu obsługi zdarzeń, który ma zostać usunięty z elementu docelowego zdarzenia.
  • options:  boolean|EventListenerOptions optional Zobacz opcje.
Wartość zwracana:  void
Usuwa z elementu docelowego detektor zdarzeń zarejestrowany wcześniej za pomocą metody addEventListener. Zobacz removeEventListener.

Interfejs PopoverElementOptions

Interfejs google.maps.maps3d.PopoverElementOptions

Obiekt PopoverElementOptions służący do definiowania właściwości, które można ustawić w obiekcie PopoverElement.
altitudeMode optional
Typ:  AltitudeMode optional
Zobacz PopoverElement.altitudeMode.
autoPanDisabled optional
Typ:  boolean optional
Zobacz PopoverElement.autoPanDisabled.
lightDismissDisabled optional
Typ:  boolean optional
Zobacz PopoverElement.lightDismissDisabled.
open optional
Typ:  boolean optional
Zobacz PopoverElement.open.
positionAnchor optional
Zobacz PopoverElement.positionAnchor.

Stałe AltitudeMode

google.maps.maps3d.AltitudeMode stałe

Określa sposób interpretowania komponentów wysokości we współrzędnych.

Aby uzyskać dostęp, zadzwoń pod numer const {AltitudeMode} = await google.maps.importLibrary("maps3d").
Zobacz Biblioteki w Maps JavaScript API.
ABSOLUTE Umożliwia wyrażanie obiektów względem średniego poziomu morza. Oznacza to również, że jeśli poziom szczegółowości terenu pod obiektem ulegnie zmianie, jego bezwzględna pozycja pozostanie taka sama.
CLAMP_TO_GROUND Umożliwia wyrażanie obiektów umieszczonych na ziemi. Pozostaną na poziomie gruntu, podążając za ukształtowaniem terenu, niezależnie od podanej wysokości. Jeśli obiekt znajduje się nad dużym zbiornikiem wodnym, zostanie umieszczony na poziomie morza.
RELATIVE_TO_GROUND Umożliwia wyrażanie obiektów względem powierzchni gruntu. Jeśli poziom szczegółowości terenu ulegnie zmianie, pozycja obiektu względem podłoża pozostanie niezmieniona. Nad wodą wysokość będzie interpretowana jako wartość w metrach nad poziomem morza.
RELATIVE_TO_MESH Umożliwia wyrażanie obiektów względem najwyższego punktu gruntu, budynku lub powierzchni wody. Nad wodą będzie to powierzchnia wody, a nad terenem – powierzchnia budynku (jeśli występuje) lub powierzchnia gruntu (jeśli nie ma budynków).