Draw on the map

MarkerElement sınıfı

sınıf google.maps.maps3d.MarkerElement HTMLElement sınıfını genişletir MarkerElementOptions sınıfını uygular
MarkerInteractiveElement tarafından genişletilir
"maps3d" kitaplığı

3D haritada bir konumu gösterir. MarkerElement değerinin gösterilmesi için position değerinin ayarlanması gerektiğini unutmayın.

MarkerElement, özel HTML öğeleri aracılığıyla yüksek düzeyde özelleştirmeyi destekler ancak özellikle bir haritada 1.000'den fazla işaretçi işlenirken Marker3DElement ile karşılaştırıldığında daha düşük etkileşim performansı sunar.

<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])
Parametreler:
Belirtilen seçeneklerle bir MarkerElement oluşturur.
altitudeMode
attr: altitude-mode
Giriş türü: AltitudeMode optional
Çıkış türü: AltitudeMode
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumun rakım bileşeninin nasıl yorumlanacağını belirtir.
HTML özelliği: altitude-mode="value-name"
anchorLeft
attr: anchor-left
Giriş türü: string optional
Çıkış türü: string
Varsayılan: -%50
İşaretçinin sol üst köşesinden bağlantı noktasını dengelemek için kullanılan bir CSS uzunluk yüzdesi değeri. Bu, varsayılan işaretçinin tipik alt orta noktasından farklı bir sabitleme noktasına sahip bir görsel kullanırken yararlıdır.
HTML özelliği: anchor-left="string"
anchorTop
attr: anchor-top
Giriş türü: string optional
Çıkış türü: string
Varsayılan: -%100
İşaretçinin sol üst köşesinden bağlantı noktasını dengelemek için kullanılan bir CSS uzunluk yüzdesi değeri. Bu, varsayılan işaretçinin tipik alt orta noktasından farklı bir sabitleme noktasına sahip bir görsel kullanırken yararlıdır.
HTML özelliği: anchor-top="string"
AlphaautofitsCamera
attr: autofits-camera
Tür: boolean optional
Varsayılan: false
Sağlanırsa belirtilen işaretçi, etkinleştirilen diğer öğelerle birlikte harita görüntü alanında görünür hale getirilir.
HTML özelliği: autofits-camera
collisionBehavior
attr: collision-behavior
Giriş türü: CollisionBehavior optional
Çıkış türü: CollisionBehavior
Varsayılan: CollisionBehavior.REQUIRED
MarkerElement'in başka bir MarkerElement, Marker3DElement veya temel harita etiketleriyle çakıştığında nasıl davranması gerektiğini belirten bir sıralama.
HTML özelliği: collision-behavior="value-name"
collisionPriority
attr: collision-priority
Giriş türü: number optional
Çıkış türü: number optional
CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY işaretçileri (Marker3DElement dahil) arasındaki göreli önceliği belirlemeye yardımcı olmak için kullanılan bir sayı. collisionPriority değerinin daha yüksek olması, önceliğin daha yüksek olduğunu gösterir.
HTML özelliği: collision-priority="number"
position
attr: position
Giriş türü: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Çıkış türü: LatLngAltitude optional
İşaretçinin ucunun konumu. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği:
  • position="lat,lng"
  • position="lat,lng,altitude"
title
attr: title
Tür: string
Fareyle üzerine gelindiğinde gösterilen metin. Sağlanırsa MarkerElement öğesine, sağlanan değerle birlikte bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir.
HTML özelliği: title="string"
default
Doğrudan MarkerElement öğesine eklenen tüm özel öğeler yerleştirilir.
z-index
Bu işaretçinin z-endeksi. Daha fazla bilgi için z-index belgelerine göz atın. Daha büyük z-endeksine sahip çakışan işaretçiler, daha küçük z-endeksine sahip olanları kapsar. Varsayılan olarak işaretçiler, DOM konumlarına göre gösterilir. DOM'a daha sonra eklenen işaretçiler, DOM'a daha önce eklenen işaretçilerin önünde görünür.
Devralınan: addEventListener, removeEventListener

MarkerElementOptions arayüzü

interface google.maps.maps3d.MarkerElementOptions
extended by MarkerInteractiveElementOptions
implemented by MarkerElement, MarkerInteractiveElement

MarkerElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan MarkerElementOptions nesnesi.
altitudeMode
isteğe bağlı
Tür: AltitudeMode optional
Şu sayfaya göz atın: MarkerElement.altitudeMode.
anchorLeft
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: MarkerElement.anchorLeft.
anchorTop
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: MarkerElement.anchorTop.
AlphaautofitsCamera
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: AlphaMarkerElement.autofitsCamera.
collisionBehavior
isteğe bağlı
Tür: CollisionBehavior optional
Şu sayfaya göz atın: MarkerElement.collisionBehavior.
collisionPriority
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: MarkerElement.collisionPriority.
position
isteğe bağlı
Şu sayfaya göz atın: MarkerElement.position.
title
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: MarkerElement.title.

MarkerInteractiveElement sınıfı

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

3D haritada bir konumu gösterir. MarkerInteractiveElement değerinin gösterilmesi için position değerinin ayarlanması gerektiğini unutmayın. MarkerElement'ten farklı olarak MarkerInteractiveElement, bir gmp-click etkinliği alır.

<gmp-marker-interactive
  gmp-popover-target-element="popover-id">
</gmp-marker-interactive>
 
const {MarkerInteractiveElement} = await google.maps.importLibrary("maps3d");
MarkerInteractiveElement
MarkerInteractiveElement([options])
Parametreler:
Belirtilen seçeneklerle bir MarkerInteractiveElement oluşturur.
gmpPopoverTargetElement
attr: gmp-popover-target-element
Giriş türü: PopoverElement optional
Çıkış türü: PopoverElement optional
Bu ayar yapıldığında, bu işaretçi tıklandığında popover öğesi açılır.
HTML özelliği: gmp-popover-target-element="popover-id"
Devralınan: altitudeMode (özellik: altitude-mode), anchorLeft (özellik: anchor-left), anchorTop (özellik: anchor-top), AlphaautofitsCamera (özellik: autofits-camera), collisionBehavior (özellik: collision-behavior), collisionPriority (özellik: collision-priority), position (özellik: position), title (özellik: title)
Devralındı: default
Devralındı: z-index
Devralınan: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Bağımsız değişkenler:
Bu etkinlik, MarkerInteractiveElement öğesi tıklandığında tetiklenir.

MarkerInteractiveElementOptions arayüzü

interface google.maps.maps3d.MarkerInteractiveElementOptions extends MarkerElementOptions
implemented by MarkerInteractiveElement

MarkerInteractiveElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan MarkerInteractiveElementOptions nesnesi.
gmpPopoverTargetElement
isteğe bağlı
Tür: PopoverElement optional
Şu sayfaya göz atın: MarkerInteractiveElement.gmpPopoverTargetElement.
Devralınan: altitudeMode, anchorLeft, anchorTop, AlphaautofitsCamera, collisionBehavior, collisionPriority, position, title

Marker3DElement sınıfı

sınıf google.maps.maps3d.Marker3DElement HTMLElement sınıfını genişletir Marker3DElementOptions sınıfını uygular
Marker3DInteractiveElement tarafından genişletilir
"maps3d" kitaplığı

3D haritada bir konumu gösterir. Marker3DElement değerinin gösterilmesi için position değerinin ayarlanması gerektiğini unutmayın.

<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])
Parametreler:
Belirtilen seçeneklerle bir Marker3DElement oluşturur.
altitudeMode
attr: altitude-mode
Giriş türü: AltitudeMode optional
Çıkış türü: AltitudeMode
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumun rakım bileşeninin nasıl yorumlanacağını belirtir.
HTML özelliği: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Sağlanırsa belirtilen işaretçi, etkinleştirilen diğer öğelerle birlikte harita görüntü alanında görünür hale getirilir.
HTML özelliği: autofits-camera
collisionBehavior
attr: collision-behavior
Giriş türü: CollisionBehavior optional
Çıkış türü: CollisionBehavior
Varsayılan: CollisionBehavior.REQUIRED
Bir Marker3DElement'in başka bir Marker3DElement ile veya temel harita etiketleriyle çarpıştığında nasıl davranması gerektiğini belirten bir sıralama.
HTML özelliği: collision-behavior="value-name"
collisionPriority
attr: collision-priority
Giriş türü: number optional
Çıkış türü: number optional
Çarpışma algılama için kullanılan çarpışma önceliği.
HTML özelliği: collision-priority="number"
drawsWhenOccluded
attr: draws-when-occluded
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Bu işaretçinin, görünümü engellendiğinde çizilip çizilmeyeceğini belirtir. İşaretçi, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği: draws-when-occluded
extruded
attr: extruded
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
İşaretçinin zemine bağlanıp bağlanmayacağını belirtir. Bir işaretçiyi ekstrüzyonla oluşturmak için altitudeMode, RELATIVE_TO_GROUND veya ABSOLUTE olmalıdır.
HTML özelliği: extruded
label
attr: label
Giriş türü: string optional
Çıkış türü: string optional
Bu işaretçi tarafından gösterilecek metin.
HTML özelliği: label="string"
position
attr: position
Giriş türü: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Çıkış türü: LatLngAltitude optional
İşaretçinin ucunun konumu. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği:
  • position="lat,lng"
  • position="lat,lng,altitude"
sizePreserved
attr: size-preserved
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Bu işaretçinin, kameraya olan mesafeden bağımsız olarak boyutunu koruyup korumayacağını belirtir. Varsayılan olarak işaretçi, kameraya olan mesafeye/eğime göre ölçeklendirilir.
HTML özelliği: size-preserved
zIndex
attr: z-index
Giriş türü: number optional
Çıkış türü: number optional
Diğer işaretçilere kıyasla zIndex.
HTML özelliği: z-index="number"
default
Doğrudan Marker3DElement öğesine eklenen tüm özel öğeler yerleştirilir ancak işaretçileri çizmek için yalnızca HTMLImageElement, SVGElement ve PinElement türündeki öğeler kullanılır, diğer öğeler yoksayılır.
HTMLImageElement ve SVGElement, Marker3DElement öğesinin varsayılan alanına atanmadan önce <template> öğesine sarmalanmalıdır.

Resimler ve SVG'ler şu anda 3D sahnede oluşturulmadan önce rasterleştirilir. Bu nedenle, SVG'ye yerleştirilmiş özel HTML veya resimlere eklenen CSS sınıfları uygulanmaz ve işaretçiler ekranda gösterildiğinde yansıtılmayabilir.
Devralınan: addEventListener, removeEventListener

Marker3DElementOptions arayüzü

interface google.maps.maps3d.Marker3DElementOptions
extended by Marker3DInteractiveElementOptions
implemented by Marker3DElement, Marker3DInteractiveElement

Marker3DElement'te ayarlanabilecek özellikleri tanımlamak için kullanılan Marker3DElementOptions nesnesi.
altitudeMode
isteğe bağlı
Tür: AltitudeMode optional
Şu sayfaya göz atın: Marker3DElement.altitudeMode.
AlphaautofitsCamera
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: AlphaMarker3DElement.autofitsCamera.
collisionBehavior
isteğe bağlı
Tür: CollisionBehavior optional
Şu sayfaya göz atın: Marker3DElement.collisionBehavior.
collisionPriority
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Marker3DElement.collisionPriority.
drawsWhenOccluded
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Marker3DElement.drawsWhenOccluded.
extruded
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Marker3DElement.extruded.
label
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: Marker3DElement.label.
position
isteğe bağlı
Şu sayfaya göz atın: Marker3DElement.position.
sizePreserved
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Marker3DElement.sizePreserved.
zIndex
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Marker3DElement.zIndex.

Marker3DInteractiveElement sınıfı

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

3D haritada bir konumu gösterir. Marker3DInteractiveElement değerinin gösterilmesi için position değerinin ayarlanması gerektiğini unutmayın. Marker3DElement'ten farklı olarak Marker3DInteractiveElement, bir gmp-click etkinliği alır.

<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])
Parametreler:
Belirtilen seçeneklerle bir Marker3DInteractiveElement oluşturur.
gmpPopoverTargetElement
attr: gmp-popover-target-element
Giriş türü: PopoverElement optional
Çıkış türü: PopoverElement optional
Bu ayar yapıldığında, bu işaretçi tıklandığında popover öğesi açılır.
HTML özelliği: gmp-popover-target-element="popover-id"
title
attr: title
Tür: string
Fareyle üzerine gelindiğinde gösterilen metin. Sağlanırsa Marker3DInteractiveElement öğesine, sağlanan değerle birlikte bir erişilebilirlik metni (ör. ekran okuyucularla kullanım için) eklenir.
HTML özelliği: title="string"
Devralınan: altitudeMode (attr: altitude-mode), AlphaautofitsCamera (attr: autofits-camera), collisionBehavior (attr: collision-behavior), collisionPriority (attr: collision-priority), drawsWhenOccluded (attr: draws-when-occluded), extruded (attr: extruded), label (attr: label), position (attr: position), sizePreserved (attr: size-preserved), zIndex (attr: z-index)
default
Marker3DInteractiveElement öğesine doğrudan eklenen tüm özel öğeler yerleştirilir ancak işaretçileri çizmek için yalnızca PinElement türündeki öğeler kullanılır, diğer öğeler yoksayılır.
Devralınan: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Bağımsız değişkenler:
Bu etkinlik, Marker3DInteractiveElement öğesi tıklandığında tetiklenir.
gmp-pointermove
function(pointerMoveEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Marker3DInteractiveElement öğesi içinde hareket ettiğinde tetiklenir.
gmp-pointerout
function(pointerOutEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Marker3DInteractiveElement öğesinden ayrıldığında tetiklenir.
gmp-pointerover
function(pointerOverEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Marker3DInteractiveElement öğesine girdiğinde tetiklenir.

Marker3DInteractiveElementOptions arayüzü

interface google.maps.maps3d.Marker3DInteractiveElementOptions extends Marker3DElementOptions
implemented by Marker3DInteractiveElement

Marker3DInteractiveElement üzerinde ayarlanabilen özellikleri tanımlamak için kullanılan Marker3DInteractiveElementOptions nesnesi.
gmpPopoverTargetElement
isteğe bağlı
Tür: PopoverElement optional
Şu sayfaya göz atın: Marker3DInteractiveElement.gmpPopoverTargetElement.
title
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: Marker3DInteractiveElement.title.
Devralınan: altitudeMode, AlphaautofitsCamera, collisionBehavior, collisionPriority, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement sınıfı

sınıf google.maps.maps3d.Model3DElement HTMLElement sınıfını genişletir Model3DElementOptions sınıfını uygular
Model3DInteractiveElement tarafından genişletilir
"maps3d" kitaplığı

gLTF modellerinin oluşturulmasına olanak tanıyan bir 3D model. Model3DElement öğesinin gösterilmesi için position ve src değerlerinin ayarlanması gerektiğini unutmayın.

gLTF PBR'nin temel özellikleri desteklenmelidir. Şu anda hiçbir uzantı veya uzantı özelliği desteklenmemektedir.

<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])
Parametreler:
Belirtilen seçeneklerle bir Model3DElement oluşturur.
altitudeMode
attr: altitude-mode
Giriş türü: AltitudeMode optional
Çıkış türü: AltitudeMode
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumdaki rakımın nasıl yorumlanacağını belirtir.
HTML özelliği: altitude-mode="value-name"
orientation
attr: orientation
Giriş türü: Orientation3D|Orientation3DLiteral optional
Çıkış türü: Orientation3D optional
Modeli 3D haritada konumlandırmak için 3D modelin koordinat sisteminin dönüşünü açıklar.

Döndürme işlemleri modele şu sırayla uygulanır: yuvarlama, eğme ve ardından yön.
HTML özelliği: orientation="heading,tilt,roll"
position
attr: position
Giriş türü: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Çıkış türü: LatLngAltitude optional
Model3DElement öğesinin konumunu ayarlar. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği:
  • position="lat,lng"
  • position="lat,lng,altitude"
scale
attr: scale
Giriş türü: number|Vector3D|Vector3DLiteral optional
Çıkış türü: Vector3D optional
Varsayılan: 1
Modeli, modelin koordinat alanındaki x, y ve z eksenleri boyunca ölçeklendirir.
HTML özelliği:
  • scale="number"
  • scale="x,y,z"
src
attr: src
Giriş türü: string|URL optional
Çıkış türü: URL optional
3D modelin URL'sini belirtir. Şu anda yalnızca .glb biçimindeki modeller desteklenmektedir.

Tüm göreli HTTP URL'leri, karşılık gelen mutlak URL'lere çözümlenir.

.glb model dosyalarınızı ana uygulamanızdan farklı bir web sitesinde veya sunucuda barındırıyorsanız doğru CORS HTTP üstbilgilerini ayarladığınızdan emin olun. Bu sayede uygulamanız, diğer alandaki model dosyalarına güvenli bir şekilde erişebilir.
HTML özelliği: src="url"
Devralınan: addEventListener, removeEventListener

Model3DElementOptions arayüzü

interface google.maps.maps3d.Model3DElementOptions
extended by Model3DInteractiveElementOptions
implemented by Model3DElement, Model3DInteractiveElement

Model3DElement'te ayarlanabilecek özellikleri tanımlamak için kullanılan Model3DElementOptions nesnesi.
altitudeMode
isteğe bağlı
Tür: AltitudeMode optional
Şu sayfaya göz atın: Model3DElement.altitudeMode.
orientation
isteğe bağlı
Şu sayfaya göz atın: Model3DElement.orientation.
position
isteğe bağlı
Şu sayfaya göz atın: Model3DElement.position.
scale
isteğe bağlı
Tür: number|Vector3D|Vector3DLiteral optional
Şu sayfaya göz atın: Model3DElement.scale.
src
isteğe bağlı
Tür: string|URL optional
Şu sayfaya göz atın: Model3DElement.src.

Model3DInteractiveElement sınıfı

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

gLTF modellerinin oluşturulmasına olanak tanıyan bir 3D model. Model3DElement öğesinin gösterilmesi için position ve src değerlerinin ayarlanması gerektiğini unutmayın.

gLTF PBR'nin temel özellikleri desteklenmelidir. Şu anda hiçbir uzantı veya uzantı özelliği desteklenmemektedir.

Model3DElement öğesinin aksine, Model3DInteractiveElement öğesi bir gmp-click etkinliği alır.

<gmp-model-3d-interactive></gmp-model-3d-interactive>
 
const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Model3DInteractiveElement
Model3DInteractiveElement([options])
Parametreler:
Belirtilen seçeneklerle bir Model3DInteractiveElement oluşturur.
Devralınan: altitudeMode (özellik: altitude-mode), orientation (özellik: orientation), position (özellik: position), scale (özellik: scale), src (özellik: src)
Devralınan: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Bağımsız değişkenler:
Bu etkinlik, Model3DInteractiveElement öğesi tıklandığında tetiklenir.
gmp-pointermove
function(pointerMoveEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Model3DInteractiveElement öğesi içinde hareket ettiğinde tetiklenir.
gmp-pointerout
function(pointerOutEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Model3DInteractiveElement öğesinden ayrıldığında tetiklenir.
gmp-pointerover
function(pointerOverEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Model3DInteractiveElement öğesine girdiğinde tetiklenir.

Model3DInteractiveElementOptions arayüzü

interface google.maps.maps3d.Model3DInteractiveElementOptions extends Model3DElementOptions
implemented by Model3DInteractiveElement

Model3DInteractiveElement üzerinde ayarlanabilen özellikleri tanımlamak için kullanılan Model3DInteractiveElementOptions nesnesi.
Devralınan: altitudeMode, orientation, position, scale, src

Polyline3DElement sınıfı

sınıf google.maps.maps3d.Polyline3DElement HTMLElement sınıfını genişletir Polyline3DElementOptions sınıfını uygular
Polyline3DInteractiveElement tarafından genişletilir
"maps3d" kitaplığı

3D çoklu çizgi, 3D haritadaki bağlı çizgi segmentlerinin doğrusal bir yer paylaşımıdır.

<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])
Parametreler:
Belirtilen seçeneklerle bir Polyline3DElement oluşturur.
altitudeMode
attr: altitude-mode
Giriş türü: AltitudeMode optional
Çıkış türü: AltitudeMode
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Koordinatlardaki rakım bileşenlerinin nasıl yorumlanacağını belirtir.
HTML özelliği: altitude-mode="value-name"
AlphaautofitsCamera
attr: autofits-camera
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Belirtilen çoklu çizgi, sağlanmışsa etkinleştirilen diğer öğelerle birlikte harita görüntü alanında görünür hale getirilir.
HTML özelliği: autofits-camera
drawsOccludedSegments
attr: draws-occluded-segments
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Çoklu çizginin kapatılabilecek kısımlarının çizilip çizilmeyeceğini belirtir. Çoklu çizgiler, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği: draws-occluded-segments
extruded
attr: extruded
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Çoklu çizginin zemine bağlanıp bağlanmayacağını belirtir. Çoklu çizgiyi ekstrüzyonla yükseltmek için altitudeMode, RELATIVE_TO_GROUND veya ABSOLUTE olmalıdır.
HTML özelliği: extruded
geodesic
attr: geodesic
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
true olduğunda, çoklu çizginin kenarları jeodezik olarak yorumlanır ve Dünya'nın eğriliğini takip eder. false olduğunda, çoklu çizginin kenarları ekran alanında düz çizgiler olarak oluşturulur.
HTML özelliği: geodesic
outerColor
attr: outer-color
Giriş türü: string optional
Çıkış türü: string optional
Dış renk. Tüm CSS3 renkleri desteklenir.
HTML özelliği: outer-color="string"
outerWidth
attr: outer-width
Giriş türü: number optional
Çıkış türü: number optional
Dış genişlik 0.0 ile 1.0 arasında. Bu, strokeWidth değerinin yüzdesidir.
HTML özelliği: outer-width="number"
path
attr: path
Giriş türü: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
Çıkış türü: Array<LatLngAltitude> optional
Çoklu çizginin sıralı koordinat dizisi. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor
attr: stroke-color
Giriş türü: string optional
Çıkış türü: string optional
Kontur rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği: stroke-color="string"
strokeWidth
attr: stroke-width
Giriş türü: number optional
Çıkış türü: number optional
Piksel cinsinden çizgi genişliği.
HTML özelliği: stroke-width="number"
zIndex
attr: z-index
Giriş türü: number optional
Çıkış türü: number optional
Diğer poligonlara kıyasla zIndex.
HTML özelliği: z-index="number"
coordinates
Çoklu çizginin sıralı koordinat dizisi. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
Devralınan: addEventListener, removeEventListener

Polyline3DElementOptions arayüzü

interface google.maps.maps3d.Polyline3DElementOptions
extended by Polyline3DInteractiveElementOptions
implemented by Polyline3DElement, Polyline3DInteractiveElement

Polyline3DElement'te ayarlanabilen özellikleri tanımlamak için kullanılan Polyline3DElementOptions nesnesi.
altitudeMode
isteğe bağlı
Tür: AltitudeMode optional
Şu sayfaya göz atın: Polyline3DElement.altitudeMode.
AlphaautofitsCamera
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: AlphaPolyline3DElement.autofitsCamera.
coordinates
isteğe bağlı
Şu sayfaya göz atın: Polyline3DElement.coordinates.
drawsOccludedSegments
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Polyline3DElement.drawsOccludedSegments.
extruded
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Polyline3DElement.extruded.
geodesic
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Polyline3DElement.geodesic.
outerColor
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: Polyline3DElement.outerColor.
outerWidth
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Polyline3DElement.outerWidth.
path
isteğe bağlı
Şu sayfaya göz atın: Polyline3DElement.path.
strokeColor
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: Polyline3DElement.strokeColor.
strokeWidth
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Polyline3DElement.strokeWidth.
zIndex
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Polyline3DElement.zIndex.

Polyline3DInteractiveElement sınıfı

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

3D çoklu çizgi, 3D haritadaki bağlı çizgi segmentlerinin doğrusal bir yer paylaşımıdır. Polyline3DElement'ten farklı olarak Polyline3DInteractiveElement, bir gmp-click etkinliği alır.

<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>
 
const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
Parametreler:
Belirtilen seçeneklerle bir Polyline3DInteractiveElement oluşturur.
Devralınan: altitudeMode (attr: altitude-mode), AlphaautofitsCamera (attr: autofits-camera), drawsOccludedSegments (attr: draws-occluded-segments), extruded (attr: extruded), geodesic (attr: geodesic), outerColor (attr: outer-color), outerWidth (attr: outer-width), path (attr: path), strokeColor (attr: stroke-color), strokeWidth (attr: stroke-width), zIndex (attr: z-index), coordinates
Devralınan: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Bağımsız değişkenler:
  • clickEvent: LocationClickEvent optional Etkinlik nesnesi, tıklamanın enlem-boylam-rakım konumunu içerir.
Bu etkinlik, Polyline3DInteractiveElement öğesi tıklandığında tetiklenir.
gmp-pointermove
function(pointerMoveEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Polyline3DInteractiveElement öğesi içinde hareket ettiğinde tetiklenir.
gmp-pointerout
function(pointerOutEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Polyline3DInteractiveElement öğesinden ayrıldığında tetiklenir.
gmp-pointerover
function(pointerOverEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Polyline3DInteractiveElement öğesine girdiğinde tetiklenir.

Polyline3DInteractiveElementOptions arayüzü

interface google.maps.maps3d.Polyline3DInteractiveElementOptions extends Polyline3DElementOptions
implemented by Polyline3DInteractiveElement

Polyline3DInteractiveElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Polyline3DInteractiveElementOptions nesnesi.
Devralınan: altitudeMode, AlphaautofitsCamera, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex

Polygon3DElement sınıfı

sınıf google.maps.maps3d.Polygon3DElement HTMLElement sınıfını genişletir Polygon3DElementOptions sınıfını uygular
Polygon3DInteractiveElement tarafından genişletilir
"maps3d" kitaplığı

3D poligon (3D çoklu çizgi gibi), sıralı bir dizide bir dizi bağlı koordinatı tanımlar. Ayrıca çokgenler kapalı bir döngü oluşturur ve dolu bir bölgeyi tanımlar.

<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])
Parametreler:
Belirtilen seçeneklerle bir Polygon3DElement oluşturur.
altitudeMode
Giriş türü: AltitudeMode optional
Çıkış türü: AltitudeMode
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Koordinatlardaki rakım bileşenlerinin nasıl yorumlanacağını belirtir.
AlphaautofitsCamera
attr: autofits-camera
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Belirtilen poligon, harita görüntüleme alanında görünür hale getirilir ve dahil edilen diğer öğelerle birlikte gösterilir.
HTML özelliği: autofits-camera
drawsOccludedSegments
attr: draws-occluded-segments
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Çokgenin kapatılabilecek kısımlarının çizilip çizilmeyeceğini belirtir. Poligonlar, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği: draws-occluded-segments
extruded
attr: extruded
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Çokgenin zemine bağlanıp bağlanmayacağını belirtir. Bir poligonu ekstrüzyonla yükseltmek için altitudeMode, RELATIVE_TO_GROUND veya ABSOLUTE olmalıdır.
HTML özelliği: extruded
fillColor
attr: fill-color
Giriş türü: string optional
Çıkış türü: string optional
Dolgu rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği: fill-color="string"
geodesic
attr: geodesic
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
true olduğunda poligonun kenarları jeodezik olarak yorumlanır ve Dünya'nın eğrisini takip eder. false olduğunda poligonun kenarları ekran alanında düz çizgiler olarak oluşturulur.
HTML özelliği: geodesic
innerPaths
Giriş türü: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
Çıkış türü: Array<Array<LatLngAltitude>> optional
Kapalı bir döngüyü belirten sıralı koordinat dizisi. Çoklu çizgilerden farklı olarak, poligonlar bir veya daha fazla yoldan oluşabilir. Bu yollar, poligonun içinde birden fazla kesit oluşturur.
path
attr: path
Giriş türü: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
Çıkış türü: Array<LatLngAltitude> optional
Kapalı bir döngüyü belirten sıralı koordinat dizisi. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
strokeColor
attr: stroke-color
Giriş türü: string optional
Çıkış türü: string optional
Kontur rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği: stroke-color="string"
strokeWidth
attr: stroke-width
Giriş türü: number optional
Çıkış türü: number optional
Piksel cinsinden çizgi genişliği.
HTML özelliği: stroke-width="number"
zIndex
attr: z-index
Giriş türü: number optional
Çıkış türü: number optional
Diğer poligonlara kıyasla zIndex.
HTML özelliği: z-index="number"
outerCoordinates
Kapalı bir döngüyü belirten sıralı koordinat dizisi. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
innerCoordinates
Kapalı bir döngüyü belirten sıralı koordinat dizisi. Çoklu çizgilerden farklı olarak, poligonlar bir veya daha fazla yoldan oluşabilir. Bu yollar, poligonun içinde birden fazla kesit oluşturur.
Devralınan: addEventListener, removeEventListener

Polygon3DElementOptions arayüzü

interface google.maps.maps3d.Polygon3DElementOptions
extended by Polygon3DInteractiveElementOptions
implemented by Polygon3DElement, Polygon3DInteractiveElement

Polygon3DElement'te ayarlanabilecek özellikleri tanımlamak için kullanılan Polygon3DElementOptions nesnesi.
altitudeMode
isteğe bağlı
Tür: AltitudeMode optional
Şu sayfaya göz atın: Polygon3DElement.altitudeMode.
AlphaautofitsCamera
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: AlphaPolygon3DElement.autofitsCamera.
drawsOccludedSegments
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Polygon3DElement.drawsOccludedSegments.
extruded
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Polygon3DElement.extruded.
fillColor
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: Polygon3DElement.fillColor.
geodesic
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: Polygon3DElement.geodesic.
innerCoordinates
isteğe bağlı
Şu sayfaya göz atın: Polygon3DElement.innerCoordinates.
innerPaths
isteğe bağlı
Şu sayfaya göz atın: Polygon3DElement.innerPaths.
outerCoordinates
isteğe bağlı
Şu sayfaya göz atın: Polygon3DElement.outerCoordinates.
path
isteğe bağlı
Şu sayfaya göz atın: Polygon3DElement.path.
strokeColor
isteğe bağlı
Tür: string optional
Şu sayfaya göz atın: Polygon3DElement.strokeColor.
strokeWidth
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Polygon3DElement.strokeWidth.
zIndex
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: Polygon3DElement.zIndex.

Polygon3DInteractiveElement sınıfı

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

3D poligon (3D çoklu çizgi gibi), sıralı bir dizide bir dizi bağlı koordinatı tanımlar. Ayrıca çokgenler kapalı bir döngü oluşturur ve dolu bir bölgeyi tanımlar. Polygon3DElement'ten farklı olarak Polygon3DInteractiveElement, bir gmp-click etkinliği alır.

<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>
 
const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d");
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
Parametreler:
Belirtilen seçeneklerle bir Polygon3DInteractiveElement oluşturur.
Devralınan: altitudeMode, AlphaautofitsCamera (attr: autofits-camera), drawsOccludedSegments (attr: draws-occluded-segments), extruded (attr: extruded), fillColor (attr: fill-color), geodesic (attr: geodesic), innerPaths, path (attr: path), strokeColor (attr: stroke-color), strokeWidth (attr: stroke-width), zIndex (attr: z-index), outerCoordinates, innerCoordinates
Devralınan: addEventListener, removeEventListener
gmp-click
function(clickEvent)
Bağımsız değişkenler:
  • clickEvent: LocationClickEvent optional Etkinlik nesnesi, tıklamanın enlem-boylam-rakım konumunu içerir.
Bu etkinlik, Polygon3DInteractiveElement öğesi tıklandığında tetiklenir.
gmp-pointermove
function(pointerMoveEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Polygon3DInteractiveElement öğesi içinde hareket ettiğinde tetiklenir.
gmp-pointerout
function(pointerOutEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Polygon3DInteractiveElement öğesinden ayrıldığında tetiklenir.
gmp-pointerover
function(pointerOverEvent)
Bağımsız değişkenler:
Bu etkinlik, işaretçi Polygon3DInteractiveElement öğesine girdiğinde tetiklenir.

Polygon3DInteractiveElementOptions arayüzü

interface google.maps.maps3d.Polygon3DInteractiveElementOptions extends Polygon3DElementOptions
implemented by Polygon3DInteractiveElement

Polygon3DInteractiveElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Polygon3DInteractiveElementOptions nesnesi.
Devralınan: altitudeMode, AlphaautofitsCamera, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, innerPaths, outerCoordinates, path, strokeColor, strokeWidth, zIndex

FlattenerElement sınıfı

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

Düzleştirici öğesi, haritada belirtilen bir alanı düzleştirmek için kullanılır.

<gmp-flattener
  path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ...">
</gmp-flattener>
 
const {FlattenerElement} = await google.maps.importLibrary("maps3d");
FlattenerElement
FlattenerElement([options])
Parametreler:
innerPaths
Giriş türü: Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral>> optional
Çıkış türü: Array<Array<LatLngAltitude>> optional
Kapalı bir döngüyü belirten sıralı koordinat dizisi. Bu yollar, poligonun ana yolu (Düzleştirme Bölgesi) içindeki Hariç Tutma Boşlukları'nı tanımlar. innerPath içindeki alanlar düzleştirme işleminden muaftır.
path
attr: path
Giriş türü: Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLng|LatLngLiteral> optional
Çıkış türü: Array<LatLngAltitude> optional
Kapalı bir döngüyü belirten sıralı koordinat dizisi. Bu döngü, düzleştirme bölgesini tanımlar.
HTML özelliği: path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."
Devralınan: addEventListener, removeEventListener

FlattenerElementOptions arayüzü

arayüz google.maps.maps3d.FlattenerElementOptions
FlattenerElement tarafından uygulandı

FlattenerElementOptions nesnesi, FlattenerElement'te ayarlanabilecek özellikleri tanımlamak için kullanılır.
innerPaths
isteğe bağlı
Şu sayfaya göz atın: FlattenerElement.innerPaths.
path
isteğe bağlı
Şu sayfaya göz atın: FlattenerElement.path.

Label3DElement sınıfı

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

Haritadaki 3D işaretçiyle ilişkili bir metin etiketini temsil eder ve çakışma davranışı gibi özelliklerin bağımsız olarak yapılandırılmasına olanak tanır.

<gmp-label-3d
  collision-behavior="value-name"
  for="marker-id">
</gmp-label-3d>
 
const {Label3DElement} = await google.maps.importLibrary("maps3d");
Label3DElement
Label3DElement([options])
Parametreler:
Belirtilen seçeneklerle bir Label3DElement oluşturur.
collisionBehavior
attr: collision-behavior
Giriş türü: CollisionBehavior optional
Çıkış türü: CollisionBehavior optional
Varsayılan: CollisionBehavior.REQUIRED
Marker3DElement etiketinin başka bir öğeyle çakıştığında nasıl davranması gerektiğini belirten bir sıralama.
HTML özelliği: collision-behavior="value-name"
for
attr: for
Giriş türü: string|HTMLElement optional
Çıkış türü: string|HTMLElement optional
Bu etiketin ait olduğu Marker3DElement.
HTML özelliği: for="marker-id"
Devralınan: addEventListener, removeEventListener

Label3DElementOptions arayüzü

arayüz google.maps.maps3d.Label3DElementOptions
Label3DElement tarafından uygulandı

Label3DElement'te ayarlanabilecek özellikleri tanımlamak için kullanılan Label3DElementOptions nesnesi.
collisionBehavior
isteğe bağlı
Tür: CollisionBehavior optional
Marker3DElement etiketinin başka bir öğeyle çakıştığında nasıl davranması gerektiğini belirten bir sıralama.
for
isteğe bağlı
Tür: string|HTMLElement optional
Bu etiketin ait olduğu Marker3DElement.

PopoverElement sınıfı

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

Pop-over oluşturan özel bir HTML öğesi. Baloncuk şeklindedir ve genellikle bir işaretçiye bağlıdır.

<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])
Parametreler:
altitudeMode
Giriş türü: AltitudeMode optional
Çıkış türü: AltitudeMode
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumun rakım bileşeninin nasıl yorumlanacağını belirtir.
autoPanDisabled
attr: auto-pan-disabled
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Doğru değerine ayarlanırsa açıldığında popover'ın tamamen görünür olması için haritayı kaydırmayı devre dışı bırakır.
HTML özelliği: auto-pan-disabled
lightDismissDisabled
attr: light-dismiss-disabled
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Bu popover'ın "hafifçe kapatılıp kapatılmayacağını" belirtir. "Hafif kapatma" davranışı, tarayıcı Popover API'nin bir parçası olan popover="auto" özelliğini ayarlamaya benzer.
HTML özelliği: light-dismiss-disabled
open
attr: open
Giriş türü: boolean optional
Çıkış türü: boolean
Varsayılan: false
Bu pop-up'ın açık olup olmayacağını belirtir.
HTML özelliği: open
positionAnchor
attr: position-anchor
Bu popover'ın gösterileceği konum. Pop-over etkileşimli bir işaretçiye sabitlenmişse bunun yerine işaretçinin konumu kullanılır.
HTML özelliği:
  • position-anchor="lat,lng"
  • position-anchor="lat,lng,altitude"
  • position-anchor="marker-id"
default
Yuvalı içeriği popover'ın ana bölümüne yerleştirir.
header
Yuvalı içeriği, popover'ın başlık bölümüne yerleştirir.
--gmp-popover-max-width
İçeriğin genişliğinden bağımsız olarak popover'ın maksimum genişliği.
--gmp-popover-min-width
İçeriğin genişliğinden bağımsız olarak popover'ın minimum genişliği. Bu özelliği kullanırken haritanın genişliğinden (piksel cinsinden) daha küçük bir değere ayarlamanız önemle tavsiye edilir.
--gmp-popover-pixel-offset-x
Bilgi kutusunun ucunun, bilgi kutusunun sabitlendiği coğrafi koordinatlardaki harita üzerindeki noktadan x eksenindeki piksel cinsinden uzaklığı.
--gmp-popover-pixel-offset-y
Bilgi kutusunun ucunun, bilgi kutusunun sabitlendiği coğrafi koordinatlardaki harita üzerindeki noktadan y eksenindeki piksel cinsinden uzaklığı.
background-color
Pop-over'ın arka plan rengi. Daha fazla bilgi için background-color belgelerine göz atın. Varsayılan yer popover'ının da bu özellikten etkilendiğini lütfen unutmayın. Varsayılan yer bilgi penceresini stillendirmekten kaçınmak için özel bilgi pencerelerinde hedeflenen CSS sınıflarını veya satır içi stilleri kullanın.
border-radius
Pop-over'ın kenarlık yarıçapı. Daha fazla bilgi için border-radius belgelerine göz atın. Varsayılan yer popover'ının da bu özellikten etkilendiğini lütfen unutmayın. Varsayılan yer bilgi penceresini stillendirmekten kaçınmak için özel bilgi pencerelerinde hedeflenen CSS sınıflarını veya satır içi stilleri kullanın.
box-shadow
Pop-up'ın kutu gölgesi. Daha fazla bilgi için box-shadow belgelerine göz atın. Varsayılan yer popover'ının da bu özellikten etkilendiğini lütfen unutmayın. Varsayılan yer bilgi penceresini stillendirmekten kaçınmak için özel bilgi pencerelerinde hedeflenen CSS sınıflarını veya satır içi stilleri kullanın.
color-scheme
Bu popover'ın hangi renk şemasında oluşturulabileceğini gösterir. Daha fazla bilgi için color-scheme belgelerine göz atın. Belirtilmezse varsayılan olarak kullanıcının renk şeması tercihleri kullanılır.
padding
Pop-up'ın dolgusu. Daha fazla bilgi için padding belgelerine göz atın. Varsayılan yer popover'ının da bu özellikten etkilendiğini lütfen unutmayın. Varsayılan yer bilgi penceresini stillendirmekten kaçınmak için özel bilgi pencerelerinde hedeflenen CSS sınıflarını veya satır içi stilleri kullanın.
Devralınan: addEventListener, removeEventListener

PopoverElementOptions arayüzü

arayüz google.maps.maps3d.PopoverElementOptions
PopoverElement tarafından uygulandı

PopoverElement'te ayarlanabilecek özellikleri tanımlamak için kullanılan PopoverElementOptions nesnesi.
altitudeMode
isteğe bağlı
Tür: AltitudeMode optional
Şu sayfaya göz atın: PopoverElement.altitudeMode.
autoPanDisabled
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: PopoverElement.autoPanDisabled.
lightDismissDisabled
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: PopoverElement.lightDismissDisabled.
open
isteğe bağlı
Tür: boolean optional
Şu sayfaya göz atın: PopoverElement.open.
positionAnchor
isteğe bağlı
Şu sayfaya göz atın: PopoverElement.positionAnchor.

AltitudeMode sabitleri

sabitler google.maps.maps3d.AltitudeMode
kitaplık "maps3d"

Koordinatlardaki rakım bileşenlerinin nasıl yorumlanacağını belirtir.

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri AltitudeModeString türüyle tanımlanır.

const {AltitudeMode} = await google.maps.importLibrary("maps3d");
ABSOLUTE Nesnelerin ortalama deniz seviyesine göre ifade edilmesini sağlar. Bu, nesnenin altındaki arazi ayrıntı düzeyi değişirse mutlak konumunun aynı kalacağı anlamına da gelir.
CLAMP_TO_GROUND Yere yerleştirilen nesneleri ifade etmenizi sağlar. Belirtilen rakım ne olursa olsun, araziyi takip ederek zemin seviyesinde kalırlar. Nesne büyük bir su kütlesinin üzerine yerleştirilirse deniz seviyesinde konumlandırılır.
RELATIVE_TO_GROUND Nesnelerin zemin yüzeyine göre ifade edilmesini sağlar. Arazi ayrıntı düzeyi değişirse nesnenin konumu zemine göre sabit kalır. Su üzerindeyken rakım, deniz seviyesinden metre cinsinden bir değer olarak yorumlanır.
RELATIVE_TO_MESH Nesnelerin zemin, bina ve su yüzeyinin en yüksek noktasına göre ifade edilmesini sağlar. Su üzerindeyken su yüzeyi, arazi üzerindeyken bina yüzeyi (varsa) veya zemin yüzeyi (bina yoksa) kullanılır.

CirclePathElement sınıfı

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

3D harita üzerinde 3D daire yer paylaşımı.

<gmp-circle-path
  center="lat,lng,altitude"
  radius="number">
</gmp-circle-path>
 
const {CirclePathElement} = await google.maps.importLibrary("maps3d");
CirclePathElement
CirclePathElement([options])
Parametreler:
Belirtilen seçeneklerle bir CirclePathElement oluşturur.
center
attr: center
Giriş türü: LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional
Çıkış türü: LatLngAltitude optional
Dairenin merkezi.
HTML özelliği: center="lat,lng,altitude"
radius
attr: radius
Giriş türü: number optional
Çıkış türü: number optional
Dairenin metre cinsinden yarıçapı.
HTML özelliği: radius="number"
Devralınan: addEventListener, removeEventListener

CirclePathElementOptions arayüzü

arayüz google.maps.maps3d.CirclePathElementOptions
CirclePathElement tarafından uygulandı

CirclePathElementOptions nesnesi, CirclePathElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılır.
center
isteğe bağlı
Şu sayfaya göz atın: CirclePathElement.center.
radius
isteğe bağlı
Tür: number optional
Şu sayfaya göz atın: CirclePathElement.radius.