Draw on the map

MarkerElement sınıfı

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

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

      
<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
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
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ü: 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ü

google.maps.maps3d.MarkerElementOptions arayüz

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ı

google.maps.maps3d.MarkerInteractiveElement class
extends MarkerElement
implements 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ü

google.maps.maps3d.MarkerInteractiveElementOptions interface
extends MarkerElementOptions

MarkerInteractiveElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan MarkerInteractiveElementOptions nesnesi.

gmpPopoverTargetElement
isteğe bağlı
Tür: PopoverElement optional
Devralınan: altitudeMode, anchorLeft, anchorTop, AlphaautofitsCamera, collisionBehavior, collisionPriority, position, title

Marker3DElement sınıfı

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

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
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
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ü: 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ü

google.maps.maps3d.Marker3DElementOptions arayüz

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ı

google.maps.maps3d.Marker3DInteractiveElement class
extends Marker3DElement
implements 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.

Marker3DInteractiveElementOptions arayüzü

google.maps.maps3d.Marker3DInteractiveElementOptions interface
extends Marker3DElementOptions

Marker3DInteractiveElement üzerinde ayarlanabilen özellikleri tanımlamak için kullanılan Marker3DInteractiveElementOptions nesnesi.

gmpPopoverTargetElement
isteğe bağlı
Tür: PopoverElement optional
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ı

google.maps.maps3d.Model3DElement class
extends HTMLElement
implements Model3DElementOptions
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.

    
<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
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ü: 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ü

google.maps.maps3d.Model3DElementOptions arayüz

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ı

google.maps.maps3d.Model3DInteractiveElement class
extends Model3DElement
implements 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.

Model3DInteractiveElementOptions arayüzü

google.maps.maps3d.Model3DInteractiveElementOptions interface
extends Model3DElementOptions

Model3DInteractiveElement üzerinde ayarlanabilen özellikleri tanımlamak için kullanılan Model3DInteractiveElementOptions nesnesi.

Devralınan: altitudeMode, orientation, position, scale, src

Polyline3DElement sınıfı

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

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
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|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ü

google.maps.maps3d.Polyline3DElementOptions arayüz

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
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ı

google.maps.maps3d.Polyline3DInteractiveElement class
extends Polyline3DElement
implements 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.

Polyline3DInteractiveElementOptions arayüzü

google.maps.maps3d.Polyline3DInteractiveElementOptions interface
extends Polyline3DElementOptions

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ı

google.maps.maps3d.Polygon3DElement class
extends HTMLElement
implements Polygon3DElementOptions
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.

    
<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
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|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|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ü

google.maps.maps3d.Polygon3DElementOptions arayüz

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
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ı

google.maps.maps3d.Polygon3DInteractiveElement class
extends Polygon3DElement
implements 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.

Polygon3DInteractiveElementOptions arayüzü

google.maps.maps3d.Polygon3DInteractiveElementOptions interface
extends Polygon3DElementOptions

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ı

google.maps.maps3d.FlattenerElement class
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|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|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ü

google.maps.maps3d.FlattenerElementOptions arayüz

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.

PopoverElement sınıfı

google.maps.maps3d.PopoverElement class
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
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ü

google.maps.maps3d.PopoverElementOptions arayüz

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

google.maps.maps3d.AltitudeMode sabitleri
kitaplığı "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ı

google.maps.maps3d.CirclePathElement class
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ü: LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral 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ü

google.maps.maps3d.CirclePathElementOptions arayüz

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.