Draw on the map

Klasa MarkerElement

class google.maps.maps3d.MarkerElement extends HTMLElement implements MarkerElementOptions
extended by MarkerInteractiveElement
library "maps3d"

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

MarkerElement obsługuje wysoki poziom dostosowywania za pomocą niestandardowych elementów HTML, ale ma mniejszą wydajność interakcji niż Marker3DElement, zwłaszcza gdy na mapie znajduje się ponad 1000 znaczników.

<gmp-marker
  altitude-mode="value-name"
  anchor-left="string"
  anchor-top="string"
  autofits-camera
  collision-behavior="value-name"
  collision-priority="number"
  position="lat,lng"
  title="string">
</gmp-marker>
const {MarkerElement} = await google.maps.importLibrary("maps3d");
MarkerElement
MarkerElement([options])
Parametry:
Tworzy MarkerElement z określonymi opcjami.
altitudeMode
attr: altitude-mode
Typ danych wejściowych: AltitudeMode optional
Typ danych wyjściowych: AltitudeMode
Określa sposób interpretowania wysokości nad poziomem morza.
Atrybut HTML: altitude-mode="value-name"
anchorLeft
attr: anchor-left
Typ danych wejściowych: string optional
Typ danych wyjściowych: string
Domyślnie: -50%
Wartość długości i procentu w CSS, która służy do przesunięcia punktu zakotwiczenia od lewego górnego rogu znacznika. Jest to przydatne, gdy używasz elementu wizualnego, który ma punkt zakotwiczenia inny niż typowy dolny środkowy punkt domyślnego znacznika.
Atrybut HTML: anchor-left="string"
anchorTop
attr: anchor-top
Typ danych wejściowych: string optional
Typ danych wyjściowych: string
Domyślnie: –100%
Wartość długości i procentu w CSS, która służy do przesunięcia punktu zakotwiczenia od lewego górnego rogu znacznika. Jest to przydatne, gdy używasz elementu wizualnego, który ma punkt zakotwiczenia inny niż typowy dolny środkowy punkt domyślnego znacznika.
Atrybut HTML: anchor-top="string"
AlphaautofitsCamera
attr: autofits-camera
Typ: boolean optional
Domyślnie: false
Jeśli podasz tę wartość, określony znacznik będzie widoczny w obszarze widoku mapy wraz z innymi elementami, które zostały wybrane.
Atrybut HTML: autofits-camera
collisionBehavior
attr: collision-behavior
Typ danych wejściowych: CollisionBehavior optional
Typ danych wyjściowych: CollisionBehavior
Wyliczenie określające, jak element MarkerElement powinien się zachowywać, gdy koliduje z innym elementem MarkerElement, Marker3DElement lub z etykietami mapy podstawowej.
Atrybut HTML: collision-behavior="value-name"
collisionPriority
attr: collision-priority
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Liczba, która pomaga określić względny priorytet znaczników CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY (w tym Marker3DElement). Wyższa wartość collisionPriority oznacza wyższy priorytet.
Atrybut HTML: collision-priority="number"
position
attr: position
Typ danych wejściowych: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Typ danych wyjściowych: LatLngAltitude optional
Lokalizacja końcówki znacznika. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • position="lat,lng"
  • position="lat,lng,altitude"
title
attr: 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 MarkerElement z podaną wartością.
Atrybut HTML: title="string"
default
Wszystkie elementy niestandardowe dodane bezpośrednio do MarkerElement zostaną umieszczone w gniazdach.
z-index
Kolejność nakładania elementów tego znacznika. Więcej informacji znajdziesz w z-index dokumentacji. Nakładające się znaczniki o większym indeksie Z zakrywają te o mniejszym indeksie. Domyślnie znaczniki są wyświetlane zgodnie z ich pozycją w DOM, przy czym znaczniki dodane później w DOM pojawiają się przed znacznikami dodanymi wcześniej.
Dziedziczone: addEventListener, removeEventListener

MarkerElementOptions interfejs

interfejs google.maps.maps3d.MarkerElementOptions
rozszerzony przez: MarkerInteractiveElementOptions
implementowany przez: MarkerElement, MarkerInteractiveElement

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

altitudeMode
opcjonalne
Typ: AltitudeMode optional
anchorLeft
opcjonalne
Typ: string optional
anchorTop
opcjonalne
Typ: string optional
AlphaautofitsCamera
opcjonalne
Typ: boolean optional
collisionBehavior
opcjonalne
Typ: CollisionBehavior optional
collisionPriority
opcjonalne
Typ: number optional
position
opcjonalne
title
opcjonalne
Typ: string optional

Klasa MarkerInteractiveElement

class google.maps.maps3d.MarkerInteractiveElement extends MarkerElement, HTMLElement implements MarkerElementOptions, MarkerInteractiveElementOptions
library "maps3d"

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

<gmp-marker-interactive
  gmp-popover-target-element="popover-id">
</gmp-marker-interactive>
const {MarkerInteractiveElement} = await google.maps.importLibrary("maps3d");
MarkerInteractiveElement
MarkerInteractiveElement([options])
Parametry:
Tworzy MarkerInteractiveElement z określonymi opcjami.
gmpPopoverTargetElement
attr: gmp-popover-target-element
Typ danych wejściowych: PopoverElement optional
Typ danych wyjściowych: PopoverElement optional
Po ustawieniu element wyskakujący będzie otwierany po kliknięciu tego znacznika.
Atrybut HTML: gmp-popover-target-element="popover-id"
Dziedziczone: altitudeMode (atrybut: altitude-mode), anchorLeft (atrybut: anchor-left), anchorTop (atrybut: anchor-top), AlphaautofitsCamera (atrybut: autofits-camera), collisionBehavior (atrybut: collision-behavior), collisionPriority (atrybut: collision-priority), position (atrybut: position), title (atrybut: title)
Dziedziczone: default
Dziedziczone: z-index
Dziedziczone: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Argumenty:
To zdarzenie jest wywoływane po kliknięciu elementu MarkerInteractiveElement.

MarkerInteractiveElementOptions interface

interfejs google.maps.maps3d.MarkerInteractiveElementOptions rozszerza MarkerElementOptions
implementowany przez MarkerInteractiveElement

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

gmpPopoverTargetElement
opcjonalne
Typ: PopoverElement optional
Dziedziczone: altitudeMode, anchorLeft, anchorTop, AlphaautofitsCamera, collisionBehavior, collisionPriority, position, title

Klasa Marker3DElement

class google.maps.maps3d.Marker3DElement extends HTMLElement implements Marker3DElementOptions
extended by Marker3DInteractiveElement
library "maps3d"

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

<gmp-marker-3d
  altitude-mode="value-name"
  autofits-camera
  collision-behavior="value-name"
  collision-priority="number"
  draws-when-occluded
  extruded
  label="string"
  position="lat,lng"
  size-preserved
  z-index="number">
</gmp-marker-3d>
const {Marker3DElement} = await google.maps.importLibrary("maps3d");
Marker3DElement
Marker3DElement([options])
Parametry:
Tworzy Marker3DElement z określonymi opcjami.
altitudeMode
attr: altitude-mode
Typ danych wejściowych: AltitudeMode optional
Typ danych wyjściowych: AltitudeMode
Określa sposób interpretowania wysokości nad poziomem morza.
Atrybut HTML: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
Domyślnie: false
Jeśli podasz tę wartość, określony znacznik będzie widoczny w obszarze widoku mapy wraz z innymi elementami, które zostały wybrane.
Atrybut HTML: autofits-camera
collisionBehavior
attr: collision-behavior
Typ danych wejściowych: CollisionBehavior optional
Typ danych wyjściowych: CollisionBehavior
Wyliczenie określające, jak element Marker3DElement powinien się zachowywać, gdy koliduje z innym elementem Marker3DElement lub z etykietami mapy podstawowej.
Atrybut HTML: collision-behavior="value-name"
collisionPriority
attr: collision-priority
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Priorytet kolizji używany do wykrywania kolizji.
Atrybut HTML: collision-priority="number"
drawsWhenOccluded
attr: draws-when-occluded
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: draws-when-occluded
extruded
attr: extruded
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: extruded
label
attr: label
Typ danych wejściowych: string optional
Typ danych wyjściowych: string optional
Tekst, który ma być wyświetlany przez ten znacznik.
Atrybut HTML: label="string"
position
attr: position
Typ danych wejściowych: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Typ danych wyjściowych: LatLngAltitude optional
Lokalizacja końcówki znacznika. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • position="lat,lng"
  • position="lat,lng,altitude"
sizePreserved
attr: size-preserved
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: size-preserved
zIndex
attr: z-index
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Wartość zIndex w porównaniu z innymi znacznikami.
Atrybut HTML: z-index="number"
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.
Dziedziczone: addEventListener, removeEventListener

Marker3DElementOptions interface

interfejs google.maps.maps3d.Marker3DElementOptions
rozszerzony przez: Marker3DInteractiveElementOptions
implementowany przez: Marker3DElement, Marker3DInteractiveElement

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

altitudeMode
opcjonalne
Typ: AltitudeMode optional
AlphaautofitsCamera
opcjonalne
Typ: boolean optional
collisionBehavior
opcjonalne
Typ: CollisionBehavior optional
collisionPriority
opcjonalne
Typ: number optional
drawsWhenOccluded
opcjonalne
Typ: boolean optional
extruded
opcjonalne
Typ: boolean optional
label
opcjonalne
Typ: string optional
position
opcjonalne
sizePreserved
opcjonalne
Typ: boolean optional
zIndex
opcjonalne
Typ: number optional

Marker3DInteractiveElement class

class google.maps.maps3d.Marker3DInteractiveElement extends Marker3DElement, HTMLElement implements Marker3DElementOptions, Marker3DInteractiveElementOptions
library "maps3d"

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.

<gmp-marker-3d-interactive
  gmp-popover-target-element="popover-id"
  title="string">
</gmp-marker-3d-interactive>
const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
Parametry:
Tworzy Marker3DInteractiveElement z określonymi opcjami.
gmpPopoverTargetElement
attr: gmp-popover-target-element
Typ danych wejściowych: PopoverElement optional
Typ danych wyjściowych: PopoverElement optional
Po ustawieniu element wyskakujący będzie otwierany po kliknięciu tego znacznika.
Atrybut HTML: gmp-popover-target-element="popover-id"
title
attr: 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: title="string"
Dziedziczone: altitudeMode (atrybut: altitude-mode), AlphaautofitsCamera (atrybut: autofits-camera), collisionBehavior (atrybut: collision-behavior), collisionPriority (atrybut: collision-priority), drawsWhenOccluded (atrybut: draws-when-occluded), extruded (atrybut: extruded), label (atrybut: label), position (atrybut: position), sizePreserved (atrybut: size-preserved), zIndex (atrybut: z-index)
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.
Dziedziczone: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Argumenty:
To zdarzenie jest wywoływane po kliknięciu elementu Marker3DInteractiveElement.
gmp-pointermove
function(pointerMoveEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik porusza się w obrębie elementu Marker3DInteractiveElement.
gmp-pointerout
function(pointerOutEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik opuszcza element Marker3DInteractiveElement.
gmp-pointerover
function(pointerOverEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik znajdzie się nad elementem Marker3DInteractiveElement.

Marker3DInteractiveElementOptions interface

interfejs google.maps.maps3d.Marker3DInteractiveElementOptions rozszerza Marker3DElementOptions
implementowany przez Marker3DInteractiveElement

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

gmpPopoverTargetElement
opcjonalne
Typ: PopoverElement optional
title
opcjonalne
Typ: string optional
Dziedziczone: altitudeMode, AlphaautofitsCamera, collisionBehavior, collisionPriority, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Klasa Model3DElement

class google.maps.maps3d.Model3DElement extends HTMLElement implements Model3DElementOptions
extended by Model3DInteractiveElement
library "maps3d"

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ń.

<gmp-model-3d
  altitude-mode="value-name"
  orientation="heading,tilt,roll"
  position="lat,lng"
  scale="number"
  src="url">
</gmp-model-3d>
const {Model3DElement} = await google.maps.importLibrary("maps3d");
Model3DElement
Model3DElement([options])
Parametry:
Tworzy Model3DElement z określonymi opcjami.
altitudeMode
attr: altitude-mode
Typ danych wejściowych: AltitudeMode optional
Typ danych wyjściowych: AltitudeMode
Określa sposób interpretowania wysokości w pozycji.
Atrybut HTML: altitude-mode="value-name"
orientation
attr: orientation
Typ danych wejściowych: Orientation3D|Orientation3DLiteral optional
Typ danych wyjściowych: Orientation3D optional
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: orientation="heading,tilt,roll"
position
attr: position
Typ danych wejściowych: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Typ danych wyjściowych: LatLngAltitude optional
Ustawia pozycję elementu Model3DElement. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML:
  • position="lat,lng"
  • position="lat,lng,altitude"
scale
attr: scale
Typ danych wejściowych: number|Vector3D|Vector3DLiteral optional
Typ danych wyjściowych: Vector3D optional
Domyślnie: 1
Skaluje model wzdłuż osi X, Y i Z w przestrzeni współrzędnych modelu.
Atrybut HTML:
  • scale="number"
  • scale="x,y,z"
src
attr: src
Typ danych wejściowych: string|URL optional
Typ danych wyjściowych: 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: src="url"
Dziedziczone: addEventListener, removeEventListener

Interfejs Model3DElementOptions

interfejs google.maps.maps3d.Model3DElementOptions
rozszerzony przez: Model3DInteractiveElementOptions
implementowany przez: Model3DElement, Model3DInteractiveElement

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

altitudeMode
opcjonalne
Typ: AltitudeMode optional
orientation
opcjonalne
position
opcjonalne
scale
opcjonalne
Typ: number|Vector3D|Vector3DLiteral optional
src
opcjonalne
Typ: string|URL optional

Klasa Model3DInteractiveElement

class google.maps.maps3d.Model3DInteractiveElement extends Model3DElement, HTMLElement implements Model3DElementOptions, Model3DInteractiveElementOptions
library "maps3d"

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.

<gmp-model-3d-interactive></gmp-model-3d-interactive>
const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Model3DInteractiveElement
Model3DInteractiveElement([options])
Parametry:
Tworzy Model3DInteractiveElement z określonymi opcjami.
Dziedziczone: altitudeMode (atrybut: altitude-mode), orientation (atrybut: orientation), position (atrybut: position), scale (atrybut: scale), src (atrybut: src)
Dziedziczone: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Argumenty:
To zdarzenie jest wywoływane po kliknięciu elementu Model3DInteractiveElement.
gmp-pointermove
function(pointerMoveEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik porusza się w obrębie elementu Model3DInteractiveElement.
gmp-pointerout
function(pointerOutEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik opuszcza element Model3DInteractiveElement.
gmp-pointerover
function(pointerOverEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik znajdzie się nad elementem Model3DInteractiveElement.

Interfejs Model3DInteractiveElementOptions

interfejs google.maps.maps3d.Model3DInteractiveElementOptions rozszerza Model3DElementOptions
implementowany przez Model3DInteractiveElement

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

Dziedziczone: altitudeMode, orientation, position, scale, src

Polyline3DElement

class google.maps.maps3d.Polyline3DElement extends HTMLElement implements Polyline3DElementOptions
extended by Polyline3DInteractiveElement
library "maps3d"

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

<gmp-polyline-3d
  altitude-mode="value-name"
  autofits-camera
  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>
const {Polyline3DElement} = await google.maps.importLibrary("maps3d");
Polyline3DElement
Polyline3DElement([options])
Parametry:
Tworzy Polyline3DElement z określonymi opcjami.
altitudeMode
attr: altitude-mode
Typ danych wejściowych: AltitudeMode optional
Typ danych wyjściowych: AltitudeMode
Określa sposób interpretowania komponentów wysokości we współrzędnych.
Atrybut HTML: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
Domyślnie: false
Jeśli podasz tę wartość, określona linia łamana będzie widoczna w widocznym obszarze mapy wraz z innymi elementami, które wyraziły zgodę.
Atrybut HTML: autofits-camera
drawsOccludedSegments
attr: draws-occluded-segments
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: draws-occluded-segments
extruded
attr: extruded
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: extruded
geodesic
attr: geodesic
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: geodesic
outerColor
attr: outer-color
Typ danych wejściowych: string optional
Typ danych wyjściowych: string optional
Kolor zewnętrzny. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML: outer-color="string"
outerWidth
attr: outer-width
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Szerokość zewnętrzna wynosi od 0.0 do 1.0. Jest to procentowa wartość strokeWidth.
Atrybut HTML: outer-width="number"
path
attr: path
Typ danych wejściowych: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
Typ danych wyjściowych: Array<LatLngAltitude> optional
Uporządkowana sekwencja współrzędnych linii łamanej. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Atrybut HTML: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor
attr: stroke-color
Typ danych wejściowych: string optional
Typ danych wyjściowych: string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML: stroke-color="string"
strokeWidth
attr: stroke-width
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Szerokość obrysu w pikselach.
Atrybut HTML: stroke-width="number"
zIndex
attr: z-index
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Wartość zIndex w porównaniu z innymi wielokątami.
Atrybut HTML: z-index="number"
coordinates
Uporządkowana sekwencja współrzędnych linii łamanej. Wysokość jest ignorowana w niektórych trybach, dlatego jest opcjonalna.
Dziedziczone: addEventListener, removeEventListener

Polyline3DElementOptions interface

interfejs google.maps.maps3d.Polyline3DElementOptions
rozszerzony przez: Polyline3DInteractiveElementOptions
implementowany przez: Polyline3DElement, Polyline3DInteractiveElement

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

altitudeMode
opcjonalne
Typ: AltitudeMode optional
AlphaautofitsCamera
opcjonalne
Typ: boolean optional
coordinates
opcjonalne
drawsOccludedSegments
opcjonalne
Typ: boolean optional
extruded
opcjonalne
Typ: boolean optional
geodesic
opcjonalne
Typ: boolean optional
outerColor
opcjonalne
Typ: string optional
outerWidth
opcjonalne
Typ: number optional
path
opcjonalne
strokeColor
opcjonalne
Typ: string optional
strokeWidth
opcjonalne
Typ: number optional
zIndex
opcjonalne
Typ: number optional

Klasa Polyline3DInteractiveElement

class google.maps.maps3d.Polyline3DInteractiveElement extends Polyline3DElement, HTMLElement implements Polyline3DElementOptions, Polyline3DInteractiveElementOptions
library "maps3d"

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.

<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>
const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
Parametry:
Tworzy Polyline3DInteractiveElement z określonymi opcjami.
Dziedziczone: altitudeMode (atrybut: altitude-mode), AlphaautofitsCamera (atrybut: autofits-camera), drawsOccludedSegments (atrybut: draws-occluded-segments), extruded (atrybut: extruded), geodesic (atrybut: geodesic), outerColor (atrybut: outer-color), outerWidth (atrybut: outer-width), path (atrybut: path), strokeColor (atrybut: stroke-color), strokeWidth (atrybut: stroke-width), zIndex (atrybut: z-index), coordinates
Dziedziczone: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Argumenty:
  • clickEvent: LocationClickEvent optional 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.
gmp-pointermove
function(pointerMoveEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik porusza się w obrębie elementu Polyline3DInteractiveElement.
gmp-pointerout
function(pointerOutEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik opuszcza element Polyline3DInteractiveElement.
gmp-pointerover
function(pointerOverEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik znajdzie się nad elementem Polyline3DInteractiveElement.

Interfejs Polyline3DInteractiveElementOptions

interfejs google.maps.maps3d.Polyline3DInteractiveElementOptions rozszerza Polyline3DElementOptions
implementowany przez Polyline3DInteractiveElement

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

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

Klasa Polygon3DElement

class google.maps.maps3d.Polygon3DElement extends HTMLElement implements Polygon3DElementOptions
extended by Polygon3DInteractiveElement
library "maps3d"

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.

<gmp-polygon-3d
  autofits-camera
  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>
const {Polygon3DElement} = await google.maps.importLibrary("maps3d");
Polygon3DElement
Polygon3DElement([options])
Parametry:
Tworzy Polygon3DElement z określonymi opcjami.
altitudeMode
Typ danych wejściowych: AltitudeMode optional
Typ danych wyjściowych: AltitudeMode
Określa sposób interpretowania komponentów wysokości we współrzędnych.
AlphaautofitsCamera
attr: autofits-camera
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
Domyślnie: false
Jeśli podasz wielokąt, będzie on widoczny w widocznym obszarze mapy wraz z innymi elementami, które wyraziły zgodę.
Atrybut HTML: autofits-camera
drawsOccludedSegments
attr: draws-occluded-segments
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: draws-occluded-segments
extruded
attr: extruded
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: extruded
fillColor
attr: fill-color
Typ danych wejściowych: string optional
Typ danych wyjściowych: string optional
Kolor wypełnienia. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML: fill-color="string"
geodesic
attr: geodesic
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: geodesic
innerPaths
Typ danych wejściowych: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
Typ danych wyjściowych: Array<Array<LatLngAltitude>> optional
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
attr: path
Typ danych wejściowych: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
Typ danych wyjściowych: Array<LatLngAltitude> optional
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: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor
attr: stroke-color
Typ danych wejściowych: string optional
Typ danych wyjściowych: string optional
Kolor konturu. Obsługiwane są wszystkie kolory CSS3.
Atrybut HTML: stroke-color="string"
strokeWidth
attr: stroke-width
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Szerokość obrysu w pikselach.
Atrybut HTML: stroke-width="number"
zIndex
attr: z-index
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Wartość zIndex w porównaniu z innymi wielokątami.
Atrybut HTML: z-index="number"
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.
Dziedziczone: addEventListener, removeEventListener

Interfejs Polygon3DElementOptions

interfejs google.maps.maps3d.Polygon3DElementOptions
rozszerzony przez: Polygon3DInteractiveElementOptions
implementowany przez: Polygon3DElement, Polygon3DInteractiveElement

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

altitudeMode
opcjonalne
Typ: AltitudeMode optional
AlphaautofitsCamera
opcjonalne
Typ: boolean optional
drawsOccludedSegments
opcjonalne
Typ: boolean optional
extruded
opcjonalne
Typ: boolean optional
fillColor
opcjonalne
Typ: string optional
geodesic
opcjonalne
Typ: boolean optional
innerCoordinates
opcjonalne
innerPaths
opcjonalne
outerCoordinates
opcjonalne
path
opcjonalne
strokeColor
opcjonalne
Typ: string optional
strokeWidth
opcjonalne
Typ: number optional
zIndex
opcjonalne
Typ: number optional

Klasa Polygon3DInteractiveElement

class google.maps.maps3d.Polygon3DInteractiveElement extends Polygon3DElement, HTMLElement implements Polygon3DElementOptions, Polygon3DInteractiveElementOptions
library "maps3d"

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.

<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>
const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
Parametry:
Tworzy Polygon3DInteractiveElement z określonymi opcjami.
Dziedziczone: altitudeMode, AlphaautofitsCamera (atrybut: autofits-camera), drawsOccludedSegments (atrybut: draws-occluded-segments), extruded (atrybut: extruded), fillColor (atrybut: fill-color), geodesic (atrybut: geodesic), innerPaths, path (atrybut: path), strokeColor (atrybut: stroke-color), strokeWidth (atrybut: stroke-width), zIndex (atrybut: z-index), outerCoordinates, innerCoordinates
Dziedziczone: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Argumenty:
  • clickEvent: LocationClickEvent optional 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.
gmp-pointermove
function(pointerMoveEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik porusza się w obrębie elementu Polygon3DInteractiveElement.
gmp-pointerout
function(pointerOutEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik opuszcza element Polygon3DInteractiveElement.
gmp-pointerover
function(pointerOverEvent)
Argumenty:
To zdarzenie jest wywoływane, gdy wskaźnik znajdzie się nad elementem Polygon3DInteractiveElement.

Polygon3DInteractiveElementOptions interface

interfejs google.maps.maps3d.Polygon3DInteractiveElementOptions rozszerza Polygon3DElementOptions
implementowany przez Polygon3DInteractiveElement

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

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

Klasa FlattenerElement

class google.maps.maps3d.FlattenerElement extends HTMLElement implements FlattenerElementOptions
library "maps3d"

Element wyrównujący służy do wyrównywania określonego obszaru na mapie.

<gmp-flattener
  path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ...">
</gmp-flattener>
const {FlattenerElement} = await google.maps.importLibrary("maps3d");
FlattenerElement
FlattenerElement([options])
Parametry:
innerPaths
Typ danych wejściowych: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
Typ danych wyjściowych: Array<Array<LatLngAltitude>> optional
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. Te ścieżki definiują otwory wykluczenia w głównej ścieżce wielokąta, czyli w strefie spłaszczania. Obszary w obrębie ścieżki innerPath są wyłączone ze spłaszczania.
path
attr: path
Typ danych wejściowych: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
Typ danych wyjściowych: Array<LatLngAltitude> optional
Uporządkowana sekwencja współrzędnych, która wyznacza zamkniętą pętlę. Ta pętla definiuje strefę spłaszczania.
Atrybut HTML: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
Dziedziczone: addEventListener, removeEventListener

Interfejs FlattenerElementOptions

interfejs google.maps.maps3d.FlattenerElementOptions
zaimplementowany przez FlattenerElement

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

innerPaths
opcjonalne
path
opcjonalne

Klasa Label3DElement

class google.maps.maps3d.Label3DElement extends HTMLElement implements Label3DElementOptions
library "maps3d"

Reprezentuje etykietę tekstową powiązaną ze znacznikiem 3D na mapie, umożliwiając niezależną konfigurację właściwości, takich jak zachowanie przy kolizji znaczników.

<gmp-label-3d
  collision-behavior="value-name"
  for="marker-id">
</gmp-label-3d>
const {Label3DElement} = await google.maps.importLibrary("maps3d");
Label3DElement
Label3DElement([options])
Parametry:
Tworzy Label3DElement z określonymi opcjami.
collisionBehavior
attr: collision-behavior
Typ danych wejściowych: CollisionBehavior optional
Typ danych wyjściowych: CollisionBehavior optional
Wyliczenie określające, jak powinna zachowywać się etykieta elementu Marker3DElement, gdy koliduje z innym elementem.
Atrybut HTML: collision-behavior="value-name"
for
attr: for
Typ danych wejściowych: string|HTMLElement optional
Typ danych wyjściowych: string|HTMLElement optional
Marker3DElement, do którego odnosi się ta etykieta.
Atrybut HTML: for="marker-id"
Dziedziczone: addEventListener, removeEventListener

Interfejs Label3DElementOptions

interfejs google.maps.maps3d.Label3DElementOptions
zaimplementowany przez Label3DElement

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

collisionBehavior
opcjonalne
Typ: CollisionBehavior optional
Wyliczenie określające, jak powinna zachowywać się etykieta elementu Marker3DElement, gdy koliduje z innym elementem.
for
opcjonalne
Typ: string|HTMLElement optional
Marker3DElement, do którego odnosi się ta etykieta.

Klasa PopoverElement

class google.maps.maps3d.PopoverElement extends HTMLElement implements PopoverElementOptions
library "maps3d"

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

<gmp-popover
  auto-pan-disabled
  light-dismiss-disabled
  open
  position-anchor="lat,lng">
</gmp-popover>
const {PopoverElement} = await google.maps.importLibrary("maps3d");
PopoverElement
PopoverElement([options])
Parametry:
altitudeMode
Typ danych wejściowych: AltitudeMode optional
Typ danych wyjściowych: AltitudeMode
Określa sposób interpretowania wysokości nad poziomem morza.
autoPanDisabled
attr: auto-pan-disabled
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: auto-pan-disabled
lightDismissDisabled
attr: light-dismiss-disabled
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
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: light-dismiss-disabled
open
attr: open
Typ danych wejściowych: boolean optional
Typ danych wyjściowych: boolean
Domyślnie: false
Określa, czy to wyskakujące okienko powinno być otwarte.
Atrybut HTML: open
positionAnchor
attr: position-anchor
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:
  • position-anchor="lat,lng"
  • position-anchor="lat,lng,altitude"
  • position-anchor="marker-id"
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.
Dziedziczone: addEventListener, removeEventListener

Interfejs PopoverElementOptions

interfejs google.maps.maps3d.PopoverElementOptions
zaimplementowany przez PopoverElement

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

altitudeMode
opcjonalne
Typ: AltitudeMode optional
autoPanDisabled
opcjonalne
Typ: boolean optional
lightDismissDisabled
opcjonalne
Typ: boolean optional
open
opcjonalne
Typ: boolean optional
positionAnchor
opcjonalne

Stałe AltitudeMode

stałe google.maps.maps3d.AltitudeMode
biblioteka "maps3d"

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

Te stałe mogą być też używane jako ciągi znaków. W języku TypeScript literały ciągów znaków są definiowane przez typ AltitudeModeString.

const {AltitudeMode} = await google.maps.importLibrary("maps3d");
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).

Klasa CirclePathElement

class google.maps.maps3d.CirclePathElement extends HTMLElement implements CirclePathElementOptions
library "maps3d"

Nakładka z okręgiem 3D na mapie 3D.

<gmp-circle-path
  center="lat,lng,altitude"
  radius="number">
</gmp-circle-path>
const {CirclePathElement} = await google.maps.importLibrary("maps3d");
CirclePathElement
CirclePathElement([options])
Parametry:
Tworzy CirclePathElement z określonymi opcjami.
center
attr: center
Typ danych wejściowych: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Typ danych wyjściowych: LatLngAltitude optional
środek okręgu,
Atrybut HTML: center="lat,lng,altitude"
radius
attr: radius
Typ danych wejściowych: number optional
Typ danych wyjściowych: number optional
Promień okręgu w metrach.
Atrybut HTML: radius="number"
Dziedziczone: addEventListener, removeEventListener

CirclePathElementOptions interface

interfejs google.maps.maps3d.CirclePathElementOptions
zaimplementowany przez CirclePathElement

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

center
opcjonalne
radius
opcjonalne
Typ: number optional