Draw on the map

Marker3DElement sınıfı

google.maps.maps3d.Marker3DElement sınıf

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

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

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, Marker3DElementOptions'yi uygular.

const {Marker3DElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marker3DElement
Marker3DElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Marker3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumun rakım bileşeninin nasıl yorumlanacağını belirtir.
HTML özelliği:
  • <gmp-marker-3d altitude-mode="absolute"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="clamp-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-ground"></gmp-marker-3d>
  • <gmp-marker-3d altitude-mode="relative-to-mesh"></gmp-marker-3d>
collisionBehavior
Tür:  CollisionBehavior optional
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:
  • <gmp-marker-3d collision-behavior="required"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="required-and-hides-optional"></gmp-marker-3d>
  • <gmp-marker-3d collision-behavior="optional-and-hides-lower-priority"></gmp-marker-3d>
drawsWhenOccluded
Tür:  boolean optional
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:
  • <gmp-marker-3d draws-when-occluded></gmp-marker-3d>
extruded
Tür:  boolean optional
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:
  • <gmp-marker-3d extruded></gmp-marker-3d>
label
Tür:  string optional
Bu işaretçi tarafından gösterilecek metin.
HTML özelliği:
  • <gmp-marker-3d label="string"></gmp-marker-3d>
position
İşaretçinin ucunun konumu. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği:
  • <gmp-marker-3d position="lat,lng"></gmp-marker-3d>
  • <gmp-marker-3d position="lat,lng,altitude"></gmp-marker-3d>
sizePreserved
Tür:  boolean optional
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:
  • <gmp-marker-3d size-preserved></gmp-marker-3d>
zIndex
Tür:  number optional
Diğer işaretçilere kıyasla zIndex.
HTML özelliği:
  • <gmp-marker-3d z-index="number"></gmp-marker-3d>
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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

Marker3DElementOptions arayüzü

google.maps.maps3d.Marker3DElementOptions arayüz

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

Marker3DInteractiveElement sınıfı

google.maps.maps3d.Marker3DInteractiveElement sınıf

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.

Özel öğe:
<gmp-marker-3d-interactive gmp-popover-target="popover-id" title="string"></gmp-marker-3d-interactive>

Bu sınıf, Marker3DElement sınıfını genişletir.

Bu sınıf, Marker3DInteractiveElementOptions'yi uygular.

const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Marker3DInteractiveElement oluşturur.
gmpPopoverTargetElement
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-marker-3d-interactive gmp-popover-target="popover-id"></gmp-marker-3d-interactive>
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:
  • <gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>
Devralınan: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex
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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
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 arayüz

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

Bu arayüz, Marker3DElementOptions arayüzünü genişletir.

gmpPopoverTargetElement optional
Tür:  PopoverElement optional
Şu sayfaya göz atın: Marker3DInteractiveElement.gmpPopoverTargetElement.
title optional
Tür:  string optional
Şu sayfaya göz atın: Marker3DInteractiveElement.title.
Devralınan: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement sınıfı

google.maps.maps3d.Model3DElement sınıf

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.

Özel öğe:
<gmp-model-3d altitude-mode="absolute" orientation="heading,tilt,roll" position="lat,lng" scale="number" src="url"></gmp-model-3d>

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, Model3DElementOptions'yi uygular.

const {Model3DElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Model3DElement
Model3DElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Model3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumdaki rakımın nasıl yorumlanacağını belirtir.
HTML özelliği:
  • <gmp-model-3d altitude-mode="absolute"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="clamp-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-ground"></gmp-model-3d>
  • <gmp-model-3d altitude-mode="relative-to-mesh"></gmp-model-3d>
orientation
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:
  • <gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>
position
Model3DElement öğesinin konumunu ayarlar. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
HTML özelliği:
  • <gmp-model-3d position="lat,lng"></gmp-model-3d>
  • <gmp-model-3d position="lat,lng,altitude"></gmp-model-3d>
scale
Tür:  number|Vector3D|Vector3DLiteral optional
Varsayılan: 1
Modeli, modelin koordinat alanındaki x, y ve z eksenleri boyunca ölçeklendirir.
HTML özelliği:
  • <gmp-model-3d scale="number"></gmp-model-3d>
  • <gmp-model-3d scale="x,y,z"></gmp-model-3d>
src
Tür:  string|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:
  • <gmp-model-3d src="url"></gmp-model-3d>
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

Model3DElementOptions arayüzü

google.maps.maps3d.Model3DElementOptions arayüz

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

Model3DInteractiveElement sınıfı

google.maps.maps3d.Model3DInteractiveElement sınıf

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.

Özel öğe:
<gmp-model-3d-interactive></gmp-model-3d-interactive>

Bu sınıf, Model3DElement sınıfını genişletir.

Bu sınıf, Model3DInteractiveElementOptions'yi uygular.

const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Model3DInteractiveElement
Model3DInteractiveElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Model3DInteractiveElement oluşturur.
Devralınan: altitudeMode, orientation, position, scale, src
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
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 arayüz

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

Bu arayüz, Model3DElementOptions arayüzünü genişletir.

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

Polyline3DElement sınıfı

google.maps.maps3d.Polyline3DElement sınıf

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

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

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, Polyline3DElementOptions'yi uygular.

const {Polyline3DElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Polyline3DElement
Polyline3DElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Polyline3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Koordinatlardaki rakım bileşenlerinin nasıl yorumlanacağını belirtir.
HTML özelliği:
  • <gmp-polyline-3d altitude-mode="absolute"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="clamp-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-ground"></gmp-polyline-3d>
  • <gmp-polyline-3d altitude-mode="relative-to-mesh"></gmp-polyline-3d>
drawsOccludedSegments
Tür:  boolean optional
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:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
Tür:  boolean optional
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:
  • <gmp-polyline-3d extruded></gmp-polyline-3d>
geodesic
Tür:  boolean optional
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:
  • <gmp-polyline-3d geodesic></gmp-polyline-3d>
outerColor
Tür:  string optional
Dış renk. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
  • <gmp-polyline-3d outer-color="string"></gmp-polyline-3d>
outerWidth
Tür:  number optional
Dış genişlik 0.0 ile 1.0 arasında. Bu, strokeWidth değerinin yüzdesidir.
HTML özelliği:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
path
Ç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:
  • <gmp-polyline-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polyline-3d>
strokeColor
Tür:  string optional
Kontur rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeWidth
Tür:  number optional
Piksel cinsinden çizgi genişliği.
HTML özelliği:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
Tür:  number optional
Diğer poligonlara kıyasla zIndex.
HTML özelliği:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
coordinates
Çoklu çizginin sıralı koordinat dizisi. Rakım, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

Polyline3DElementOptions arayüzü

google.maps.maps3d.Polyline3DElementOptions arayüz

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

Polyline3DInteractiveElement sınıfı

google.maps.maps3d.Polyline3DInteractiveElement sınıf

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.

Özel öğe:
<gmp-polyline-3d-interactive></gmp-polyline-3d-interactive>

Bu sınıf, Polyline3DElement sınıfını genişletir.

Bu sınıf, Polyline3DInteractiveElementOptions'yi uygular.

const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Polyline3DInteractiveElement
Polyline3DInteractiveElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Polyline3DInteractiveElement oluşturur.
Devralınan: altitudeMode, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, path, strokeColor, strokeWidth, zIndex, coordinates
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-click
function(clickEvent)
Bağımsız değişkenler: 
  • clickEvent:  LocationClickEvent 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 arayüz

Polyline3DInteractiveElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Polyline3DInteractiveElementOptions nesnesi.

Bu arayüz, Polyline3DElementOptions arayüzünü genişletir.

Devralınan: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex

Polygon3DElement sınıfı

google.maps.maps3d.Polygon3DElement sınıf

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.

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

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, Polygon3DElementOptions'yi uygular.

const {Polygon3DElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Polygon3DElement
Polygon3DElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Polygon3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Koordinatlardaki rakım bileşenlerinin nasıl yorumlanacağını belirtir.
HTML özelliği:
  • <gmp-polygon-3d altitude-mode="absolute"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="clamp-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-ground"></gmp-polygon-3d>
  • <gmp-polygon-3d altitude-mode="relative-to-mesh"></gmp-polygon-3d>
drawsOccludedSegments
Tür:  boolean optional
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:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
Tür:  boolean optional
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:
  • <gmp-polygon-3d extruded></gmp-polygon-3d>
fillColor
Tür:  string optional
Dolgu rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
  • <gmp-polygon-3d fill-color="string"></gmp-polygon-3d>
geodesic
Tür:  boolean optional
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:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerPaths
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
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:
  • <gmp-polygon-3d path="lat1,lng1,altitude1 lat2,lng2,altitude2 lat3,lng3,altitude3 ..."></gmp-polygon-3d>
strokeColor
Tür:  string optional
Kontur rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeWidth
Tür:  number optional
Piksel cinsinden çizgi genişliği.
HTML özelliği:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
Tür:  number optional
Diğer poligonlara kıyasla zIndex.
HTML özelliği:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

Polygon3DElementOptions arayüzü

google.maps.maps3d.Polygon3DElementOptions arayüz

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

Polygon3DInteractiveElement sınıfı

google.maps.maps3d.Polygon3DInteractiveElement sınıf

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.

Özel öğe:
<gmp-polygon-3d-interactive></gmp-polygon-3d-interactive>

Bu sınıf, Polygon3DElement sınıfını genişletir.

Bu sınıf, Polygon3DInteractiveElementOptions'yi uygular.

const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Polygon3DInteractiveElement
Polygon3DInteractiveElement([options])
Parametreler: 
Belirtilen seçeneklerle bir Polygon3DInteractiveElement oluşturur.
Devralınan: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerPaths, path, strokeColor, strokeWidth, zIndex, outerCoordinates, innerCoordinates
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.
gmp-click
function(clickEvent)
Bağımsız değişkenler: 
  • clickEvent:  LocationClickEvent 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 arayüz

Polygon3DInteractiveElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Polygon3DInteractiveElementOptions nesnesi.

Bu arayüz, Polygon3DElementOptions arayüzünü genişletir.

Devralınan: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex

PopoverElement sınıfı

google.maps.maps3d.PopoverElement sınıf

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

Özel öğe:
<gmp-popover altitude-mode="absolute" auto-pan-disabled light-dismiss-disabled open position-anchor="lat,lng"></gmp-popover>

Bu sınıf, HTMLElement sınıfını genişletir.

Bu sınıf, PopoverElementOptions'yi uygular.

const {PopoverElement} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
PopoverElement
PopoverElement([options])
Parametreler: 
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumun rakım bileşeninin nasıl yorumlanacağını belirtir.
HTML özelliği:
  • <gmp-popover altitude-mode="absolute"></gmp-popover>
  • <gmp-popover altitude-mode="clamp-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-ground"></gmp-popover>
  • <gmp-popover altitude-mode="relative-to-mesh"></gmp-popover>
autoPanDisabled
Tür:  boolean optional
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:
  • <gmp-popover auto-pan-disabled></gmp-popover>
lightDismissDisabled
Tür:  boolean optional
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:
  • <gmp-popover light-dismiss-disabled></gmp-popover>
open
Tür:  boolean optional
Varsayılan: false
Bu pop-up'ın açık olup olmayacağını belirtir.
HTML özelliği:
  • <gmp-popover open></gmp-popover>
positionAnchor
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:
  • <gmp-popover position-anchor="lat,lng"></gmp-popover>
  • <gmp-popover position-anchor="lat,lng,altitude"></gmp-popover>
  • <gmp-popover position-anchor="marker-id"></gmp-popover>
default
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.
addEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harfe duyarlı bir dize.
  • listener:  EventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemini içeren bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçenekleri inceleyin. Özel etkinlikler yalnızca capture ve passive dillerini destekler.
Dönüş Değeri:  void
Belirtilen etkinlik hedefe her iletildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümüne bakın.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Dönüş Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener bölümüne bakın.

PopoverElementOptions arayüzü

google.maps.maps3d.PopoverElementOptions arayüz

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

AltitudeMode sabitleri

google.maps.maps3d.AltitudeMode sabitler

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

const {AltitudeMode} = await google.maps.importLibrary("maps3d") numarasını arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
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.