3D Maps

Map3DElement class

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

Map3DElement, 3D Harita görünümü için bir HTML arayüzüdür. 3D haritanın oluşturulmaya başlanması için mode ayarlanması gerektiğini unutmayın.

Özel öğe:
<gmp-map-3d center="lat,lng,altitude" default-ui-disabled heading="number" internal-usage-attribution-ids="id1 id2" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" mode="hybrid" range="number" roll="number" tilt="number"></gmp-map-3d>

Bu sınıfın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf Map3DElementOptions öğesini uygular.

const {Map3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Map3DElement
Map3DElement([options])
Parametreler: 
bounds
Ayarlanırsa kameranın konumunu belirtilen enlem/boylam sınırları içinde kısıtlar. Sınırların dışındaki nesnelerin yine de oluşturulacağını unutmayın. Sınırlar hem boylamı hem de enlemi kısıtlayabilir veya yalnızca enlemi ya da boylamı kısıtlayabilir. Yalnızca enlem sınırları için sırasıyla -180 ve 180 batı ve doğu boylamlarını kullanın. Yalnızca boylam sınırları için sırasıyla 90 ve -90 kuzey ve güney enlemlerini kullanın.
center
Haritanın merkezi, LatLngAltitude olarak verilir. Burada yükseklik, zemin seviyesinden metre cinsinden yüksekliktir. range alanı, kameranın harita merkezine olan uzaklığını etkilediğinden bu konumun kameranın bulunduğu yer olmayabileceğini unutmayın. Ayarlanmamışsa varsayılan olarak {lat: 0, lng: 0, altitude: 63170000} olur. 63.170.000 metre, izin verilen maksimum yüksekliktir (Dünya yarıçapı 10 ile çarpılır).
HTML özelliği:
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultUIDisabled
Tür:  boolean optional
Varsayılan: false
true olduğunda tüm varsayılan kullanıcı arayüzü düğmeleri devre dışı bırakılır. Klavye ve hareket denetimleri devre dışı bırakılmaz.
HTML özelliği:
  • <gmp-map-3d default-ui-disabled></gmp-map-3d>
heading
Tür:  number optional
Haritanın pusula yönü (derece cinsinden). Tam kuzey sıfır derecedir. Eğim olmadığında, herhangi bir yuvarlanma yön olarak yorumlanır.
HTML özelliği:
  • <gmp-map-3d heading="number"></gmp-map-3d>
internalUsageAttributionIds
Tür:  Iterable<string> optional
Başlatıcıya bir kullanım ilişkilendirme kimliği ekler. Bu kimlik, Google'ın hangi kitaplıkların ve örneklerin geliştiriciler için faydalı olduğunu anlamasına yardımcı olur (ör. işaretçi kümeleme kitaplığının kullanımı). Kullanım ilişkilendirme kimliğinin gönderilmesini devre dışı bırakmak için bu özelliği silebilirsiniz. Yalnızca benzersiz değerler gönderilir. Bu değerde örnek oluşturulduktan sonra yapılan değişiklikler yoksayılabilir.
HTML özelliği:
  • <gmp-map-3d internal-usage-attribution-ids="id1 id2"></gmp-map-3d>
maxAltitude
Tür:  number optional
Haritada gösterilecek, yerden yüksekliğin maksimum değeri. Geçerli değer, 0 ile 63170000 metre (Dünya yarıçapı 10 ile çarpılır) arasındadır.
HTML özelliği:
  • <gmp-map-3d max-altitude="number"></gmp-map-3d>
maxHeading
Tür:  number optional
Haritanın yönünün (dönüşünün) maksimum açısı. Geçerli değer, 0 ile 360 derece arasındadır. minHeading ve maxHeading, baş hareketlerine izin verilecek <= 360 derecelik bir aralığı temsil eder. minHeading = 180 ve maxHeading = 90, [0, 90] ve [180, 360] yönünde ilerlemeye izin verecek. minHeading = 90 ve maxHeading = 180, [90, 180] içinde başlık oluşturulmasına izin verir.
HTML özelliği:
  • <gmp-map-3d max-heading="number"></gmp-map-3d>
maxTilt
Tür:  number optional
Haritanın maksimum geliş açısı. Geçerli değer, 0 ile 90 derece arasındadır.
HTML özelliği:
  • <gmp-map-3d max-tilt="number"></gmp-map-3d>
minAltitude
Tür:  number optional
Haritada gösterilecek minimum yükseklik. Geçerli değer, 0 ile 63170000 metre (Dünya yarıçapı 10 ile çarpılır) arasındadır.
HTML özelliği:
  • <gmp-map-3d min-altitude="number"></gmp-map-3d>
minHeading
Tür:  number optional
Haritanın yönünün (dönüş) minimum açısı. Geçerli değer, 0 ile 360 derece arasındadır. minHeading ve maxHeading, baş hareketlerine izin verilecek <= 360 derecelik bir aralığı temsil eder. minHeading = 180 ve maxHeading = 90, [0, 90] ve [180, 360] yönünde ilerlemeye izin verecek. minHeading = 90 ve maxHeading = 180, [90, 180] içinde başlık oluşturulmasına izin verir.
HTML özelliği:
  • <gmp-map-3d min-heading="number"></gmp-map-3d>
minTilt
Tür:  number optional
Haritanın minimum geliş açısı. Geçerli değer, 0 ile 90 derece arasındadır.
HTML özelliği:
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
mode
Tür:  MapMode optional
Haritanın oluşturulması gereken modu belirtir. Ayarlanmazsa harita oluşturulmaz.
HTML özelliği:
  • <gmp-map-3d mode="hybrid"></gmp-map-3d>
  • <gmp-map-3d mode="satellite"></gmp-map-3d>
range
Tür:  number optional
Kameradan haritanın merkezine olan uzaklık (metre cinsinden).
HTML özelliği:
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
Tür:  number optional
Kameranın görünüm vektörü etrafındaki yuvarlanması (derece cinsinden). Eğim olmadığında belirsizlikleri gidermek için tüm dönüşler yön olarak yorumlanır.
HTML özelliği:
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
Tür:  number optional
Kameranın görünüm vektörünün eğimi (derece cinsinden). Doğrudan dünyaya bakan bir görünüm vektörünün eğimi sıfır derece olur. Dünyadan uzaklaşan bir görünüm vektörü 180 derece eğimli olur.
HTML özelliği:
  • <gmp-map-3d tilt="number"></gmp-map-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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
flyCameraAround
flyCameraAround(options)
Parametreler: 
Döndürülen Değer: Yok
Bu yöntem, kamerayı belirli bir süre boyunca belirli bir konumun etrafında döndürür ve bu süre içinde belirli sayıda tur atar.

Kamera varsayılan olarak saat yönünde döner. Turlar için negatif bir sayı verilirse kamera bunun yerine saat yönünün tersine döner.

Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlayabildiğinden yöntem eşzamansızdır. Animasyon başlatıldıktan sonra yöntem döndürülür.

Tur sayısı sıfırsa döndürme işlemi gerçekleşmez ve animasyon başladıktan hemen sonra tamamlanır.
flyCameraTo
flyCameraTo(options)
Parametreler: 
Döndürülen Değer: Yok
Bu yöntem, kamerayı mevcut konumdan belirli bir süre içinde parabolik bir şekilde belirli bir bitiş konumuna hareket ettirir.

Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlayabildiğinden yöntem eşzamansızdır. Animasyon başlatıldıktan sonra yöntem döndürülür.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
stopCameraAnimation
stopCameraAnimation()
Parametreler: Yok
Döndürülen Değer: Yok
Bu yöntem, çalışmakta olan tüm uçuş animasyonlarını durdurur. Kamera, animasyonun ortasında bulunduğu yerde kalır ve bitiş noktasına ışınlanmaz.

Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlatılabileceği veya durdurulabileceği için yöntem eşzamansızdır. Animasyon durduktan sonra yöntem döndürülür.
gmp-animationend
function(animationEndEvent)
Bağımsız değişkenler: 
  • animationEndEvent:  Event
Bu etkinlik, uçma animasyonu sona erdiğinde tetiklenir. Bu etkinlik, DOM ağacında yukarı doğru yayılır.
gmp-centerchange
function(centerChangeEvent)
Bağımsız değişkenler: 
  • centerChangeEvent:  Event
Bu etkinlik, Map3DElement'in center özelliği değiştiğinde tetiklenir.
gmp-click
function(clickEvent)
Bağımsız değişkenler: 
Bu etkinlik, Map3DElement öğesi tıklandığında tetiklenir.
gmp-error
function(mapInitializationErrorEvent)
Bağımsız değişkenler: 
  • mapInitializationErrorEvent:  Event
Bu etkinlik, harita başlatılamadığında tetiklenir.
gmp-headingchange
function(headingChangeEvent)
Bağımsız değişkenler: 
  • headingChangeEvent:  Event
Bu etkinlik, Map3DElement'in heading özelliği değiştiğinde tetiklenir.
gmp-rangechange
function(rangeChangeEvent)
Bağımsız değişkenler: 
  • rangeChangeEvent:  Event
Bu etkinlik, Map3DElement'in range özelliği değiştiğinde tetiklenir.
gmp-rollchange
function(rollChangeEvent)
Bağımsız değişkenler: 
  • rollChangeEvent:  Event
Bu etkinlik, Map3DElement'in roll özelliği değiştiğinde tetiklenir.
gmp-steadychange
function(steadyChangeEvent)
Bağımsız değişkenler: 
Bu etkinlik, Map3DElement öğesinin sabit durumu değiştiğinde tetiklenir.
gmp-tiltchange
function(tiltChangeEvent)
Bağımsız değişkenler: 
  • tiltChangeEvent:  Event
Bu etkinlik, Map3DElement'in eğim özelliği değiştiğinde tetiklenir.

Map3DElementOptions arayüzü

google.maps.maps3d.Map3DElementOptions arayüz

Map3DElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Map3DElementOptions nesnesi.
bounds optional
Şu sayfaya göz atın: Map3DElement.bounds.
center optional
Şu sayfaya göz atın: Map3DElement.center.
defaultUIDisabled optional
Tür:  boolean optional
Şu sayfaya göz atın: Map3DElement.defaultUIDisabled.
heading optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.heading.
internalUsageAttributionIds optional
Tür:  Iterable<string> optional
Şu sayfaya göz atın: Map3DElement.internalUsageAttributionIds.
maxAltitude optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.maxAltitude.
maxHeading optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.maxHeading.
maxTilt optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.maxTilt.
minAltitude optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.minAltitude.
minHeading optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.minHeading.
minTilt optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.minTilt.
mode optional
Tür:  MapMode optional
Şu sayfaya göz atın: Map3DElement.mode.
range optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.range.
roll optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.roll.
tilt optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.tilt.

MapMode sabitleri

google.maps.maps3d.MapMode sabitler

Haritanın oluşturulması gereken modu belirtir.

const {MapMode} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
HYBRID Bu harita modu, uydu veya fotogerçekçi görüntülerde ana caddelerin şeffaf bir katmanını gösterir.
SATELLITE Bu harita modu, uydu görüntülerini veya mevcut olduğunda fotogerçekçi görüntüleri gösterir.

FlyAroundAnimationOptions arayüzü

google.maps.maps3d.FlyAroundAnimationOptions arayüz

FlyCameraAround animasyonu için özelleştirme seçenekleri.
camera
Kameranın yörünge animasyonu sırasında bakması gereken merkezi nokta. Kameranın bu merkez nokta etrafında dönmesiyle harita yönünün değişeceğini unutmayın.
durationMillis optional
Tür:  number optional
Animasyonun süresi (milisaniye cinsinden). Bu, tek bir dönüşün süresi değil, animasyonun toplam süresidir.
rounds optional
Tür:  number optional
Belirli bir süre içinde merkez etrafında dönülecek tur sayısı. Bu ayar, genel dönüş hızını kontrol eder. Rounds işlevine negatif bir sayı iletmek, kameranın varsayılan saat yönünde dönüş yerine saat yönünün tersine dönmesine neden olur.

FlyToAnimationOptions arayüzü

google.maps.maps3d.FlyToAnimationOptions arayüz

FlyCameraTo animasyonu için özelleştirme seçenekleri.
endCamera
Animasyonun sonunda kameranın yönlendirilmesi gereken konum.
durationMillis optional
Tür:  number optional
Animasyonun süresi (milisaniye cinsinden). Süre 0 olarak ayarlanırsa kamera doğrudan son konuma ışınlanır.

CameraOptions arayüzü

google.maps.maps3d.CameraOptions arayüz

Bir kamera nesnesinde ayarlanabilecek özellikleri tanımlamak için kullanılan CameraOptions nesnesi. Kamera nesnesi, kamera konumuna sahip herhangi bir şey olabilir (ör. mevcut bir harita durumu veya gelecekte istenen bir animasyon durumu).
center optional
Şu sayfaya göz atın: Map3DElement.center.
heading optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.heading.
range optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.range.
roll optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.roll.
tilt optional
Tür:  number optional
Şu sayfaya göz atın: Map3DElement.tilt.

SteadyChangeEvent class

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

Bu etkinlik, Map3DElement'nın sabit durumunun izlenmesiyle oluşturulur. Bu etkinlik, DOM ağacında yukarı doğru yayılır.

Bu sınıfın süresi Event tarihinde sona eriyor.

const {SteadyChangeEvent} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
isSteady
Tür:  boolean
Map3DElement'in sabit olup olmadığını (yani mevcut sahnenin tüm oluşturma işlemlerinin tamamlanıp tamamlanmadığını) gösterir.

LocationClickEvent class

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

Bu etkinlik, bir Map3DElement'i tıklayarak oluşturulur.

Bu sınıfın süresi Event tarihinde sona eriyor.

const {LocationClickEvent} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
position
Tür:  LatLngAltitude optional
Etkinlik gerçekleştiğinde imlecin altında bulunan enlem/boylam/yükseklik. Daha kaba düzeylerde daha az doğru verilerin döndürüleceğini lütfen unutmayın. Ayrıca, daha yüksek kamera konumlarından su yüzeyini tıkladığınızda yükseklik değeri için deniz tabanı yüksekliği döndürülebilir. Bu etkinlik, DOM ağacında yukarı doğru yayılır.

PlaceClickEvent sınıfı

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

Bu etkinlik, Map3DElement üzerindeki bir yer simgesi tıklanarak oluşturulur. Varsayılan popover'ın gösterilmesini engellemek için bu etkinlikte preventDefault() yöntemini çağırarak Map3DElement tarafından işlenmesini engelleyin.

Bu sınıfın süresi LocationClickEvent tarihinde sona eriyor.

const {PlaceClickEvent} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
placeId
Tür:  string
Harita özelliğinin yer kimliği.
Devralınan: position
fetchPlace
fetchPlace()
Parametreler: Yok
İade Değeri:  Promise<Place>
Bu yer kimliği için Place getirir. Sonuç olarak elde edilen Place nesnesinde kimlik özelliği doldurulur. Normal Places API etkinleştirme ve faturalandırma koşulları geçerli olmak kaydıyla, Place.fetchFields() üzerinden daha sonra ek alanlar istenebilir. Place getirilirken bir hata oluşursa söz reddedilir.

Marker3DElement class

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

3D haritada bir konumu gösterir. Marker3DElement öğesinin görüntülenmesi için position öğesinin 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ın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf Marker3DElementOptions öğesini uygular.

const {Marker3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marker3DElement
Marker3DElement([options])
Parametreler: 
Belirtilen seçeneklerle Marker3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Konumun yükseklik 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 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çi kapatıldığında ç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 yere bağlanıp bağlanmayacağını belirtir. Bir işaretçiyi ekstrüde etmek 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örüntülenecek metin.
HTML özelliği:
  • <gmp-marker-3d label="string"></gmp-marker-3d>
position
İşaretçi ucunun konumu. Yükseklik, 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. İşaretçi varsayılan olarak kameradan/eğimden uzaklığa göre ölçeklendirilir.
HTML özelliği:
  • <gmp-marker-3d size-preserved></gmp-marker-3d>
zIndex
Tür:  number optional
zIndex'in diğer işaretçilere kıyasla durumu.
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 yuvasına atanmadan önce <template> öğesine sarılmalıdır.

Resimler ve SVG'ler şu anda 3D sahnesinde oluşturulmadan önce pikselleştirildiğinden 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

Marker3DElementOptions arayüzü

google.maps.maps3d.Marker3DElementOptions arayüz

Marker3DElement üzerinde 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 öğesinin görüntülenmesi için position öğesinin ayarlanması gerektiğini unutmayın. Marker3DElement'dan farklı olarak Marker3DInteractiveElement, 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ın süresi Marker3DElement tarihinde sona eriyor.

Bu sınıf Marker3DInteractiveElementOptions öğesini uygular.

const {Marker3DInteractiveElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Marker3DInteractiveElement
Marker3DInteractiveElement([options])
Parametreler: 
Belirtilen seçeneklerle Marker3DInteractiveElement oluşturur.
gmpPopoverTargetElement
Tür:  PopoverElement optional
Ayarlandığında, popover öğesi bu işaretçinin tıklanmasıyla 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 erişilebilirlik metni (ör. ekran okuyucularla kullanım için) Marker3DInteractiveElement öğesine sağlanan değerle birlikte eklenir.
HTML özelliği:
  • <gmp-marker-3d-interactive title="string"></gmp-marker-3d-interactive>
Devralındı: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex
default
Doğrudan Marker3DInteractiveElement öğesine 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 yok sayı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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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ındı: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement class

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

gLTF modellerinin oluşturulmasına olanak tanıyan bir 3D model. Model3DElement öğesinin görüntülenmesi için position ve src öğelerinin ayarlanması gerektiğini unutmayın.

gLTF PBR'nin temel özellikleri desteklenmelidir. Şu anda uzantılar veya uzantı özellikleri 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ın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf Model3DElementOptions öğesini uygular.

const {Model3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Model3DElement
Model3DElement([options])
Parametreler: 
Belirtilen seçeneklerle Model3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Pozisyondaki yüksekliğin 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
3D modelin 3D Harita üzerinde konumlandırılması için 3D modelin koordinat sisteminin döndürülmesini açıklar.

Dönüşler, modele sırasıyla yuvarlanma, eğilme ve yön şeklinde uygulanır.
HTML özelliği:
  • <gmp-model-3d orientation="heading,tilt,roll"></gmp-model-3d>
position
Model3DElement konumunu ayarlar. Yükseklik, 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 uzayı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 dönüştürülür.

.glb model dosyalarınızı ana uygulamanızdan farklı bir web sitesinde veya sunucuda barındırıyorsanız lütfen 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

Model3DElementOptions arayüzü

google.maps.maps3d.Model3DElementOptions arayüz

Model3DElement üzerinde 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örüntülenmesi için position ve src öğelerinin ayarlanması gerektiğini unutmayın.

gLTF PBR'nin temel özellikleri desteklenmelidir. Şu anda uzantılar veya uzantı özellikleri desteklenmemektedir.

Model3DElement'in aksine, Model3DInteractiveElement bir gmp-click etkinliği alır.

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

Bu sınıfın süresi Model3DElement tarihinde sona eriyor.

Bu sınıf Model3DInteractiveElementOptions öğesini uygular.

const {Model3DInteractiveElement} = await google.maps.importLibrary("maps3d") numaralı telefonu 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
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 class

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

3D çoklu çizgi, 3D harita üzerinde bağlı çizgi segmentlerinin doğrusal bir katmanı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ın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf Polyline3DElementOptions öğesini uygular.

const {Polyline3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Polyline3DElement
Polyline3DElement([options])
Parametreler: 
Belirtilen seçeneklerle Polyline3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Koordinatlardaki yükseklik 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 yere bağlanıp bağlanmayacağını belirtir. Çoklu çizgiyi ekstrüde etmek 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ındadır. Bu, strokeWidth yüzdesidir.
HTML özelliği:
  • <gmp-polyline-3d outer-width="number"></gmp-polyline-3d>
path
Çoklu çizginin sıralı koordinat dizisi. Yükseklik, 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
Çizgi rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
  • <gmp-polyline-3d stroke-color="string"></gmp-polyline-3d>
strokeWidth
Tür:  number optional
Kontur genişliği (piksel cinsinden).
HTML özelliği:
  • <gmp-polyline-3d stroke-width="number"></gmp-polyline-3d>
zIndex
Tür:  number optional
Diğer çokgenlere kıyasla zIndex.
HTML özelliği:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
coordinates
Çoklu çizginin sıralı koordinat dizisi. Yükseklik, 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

Polyline3DElementOptions arayüzü

google.maps.maps3d.Polyline3DElementOptions arayüz

Polyline3DElement üzerinde ayarlanabilecek ö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 harita üzerinde bağlı çizgi segmentlerinin doğrusal bir katmanıdır. Polyline3DElement'dan farklı olarak Polyline3DInteractiveElement, gmp-click etkinliği alır.

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

Bu sınıfın süresi Polyline3DElement tarihinde sona eriyor.

Bu sınıf Polyline3DInteractiveElementOptions öğesini uygular.

const {Polyline3DInteractiveElement} = await google.maps.importLibrary("maps3d") numaralı telefonu 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
gmp-click
function(clickEvent)
Bağımsız değişkenler: 
  • clickEvent:  LocationClickEvent Etkinlik nesnesi, tıklamanın enlem-boylam-yükseklik 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ındı: altitudeMode, coordinates, drawsOccludedSegments, extruded, geodesic, outerColor, outerWidth, strokeColor, strokeWidth, zIndex

Polygon3DElement class

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

3D çokgen (ör. 3D çoklu çizgi), sıralı bir dizideki bir dizi bağlı koordinatı tanımlar. Ayrıca, poligonlar 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ın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf Polygon3DElementOptions öğesini uygular.

const {Polygon3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Polygon3DElement
Polygon3DElement([options])
Parametreler: 
Belirtilen seçeneklerle Polygon3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Varsayılan: AltitudeMode.CLAMP_TO_GROUND
Koordinatlardaki yükseklik 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
Poligonun, 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
Poligonun yere bağlanıp bağlanmayacağını belirtir. Bir poligonu ekstrüde etmek 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ğriliğini takip eder. false olduğunda, çokgenin 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ü belirleyen sıralı koordinatlar dizisi. Çoklu çizgilerin aksine, bir poligon bir veya daha fazla yoldan oluşabilir. Bu yollar, poligonun içinde birden fazla kesik oluşturur.
path
Kapalı bir döngüyü belirleyen sıralı koordinatlar dizisi. Yükseklik, 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
Çizgi rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
  • <gmp-polygon-3d stroke-color="string"></gmp-polygon-3d>
strokeWidth
Tür:  number optional
Kontur genişliği (piksel cinsinden).
HTML özelliği:
  • <gmp-polygon-3d stroke-width="number"></gmp-polygon-3d>
zIndex
Tür:  number optional
Diğer çokgenlere kıyasla zIndex.
HTML özelliği:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
outerCoordinates
Kapalı bir döngüyü belirleyen sıralı koordinatlar dizisi. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
innerCoordinates
Kapalı bir döngüyü belirleyen sıralı koordinatlar dizisi. Çoklu çizgilerin aksine, bir poligon bir veya daha fazla yoldan oluşabilir. Bu yollar, poligonun içinde birden fazla kesik 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

Polygon3DElementOptions arayüzü

google.maps.maps3d.Polygon3DElementOptions arayüz

Polygon3DElement üzerinde 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 class

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

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

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

Bu sınıfın süresi Polygon3DElement tarihinde sona eriyor.

Bu sınıf Polygon3DInteractiveElementOptions öğesini uygular.

const {Polygon3DInteractiveElement} = await google.maps.importLibrary("maps3d") numaralı telefonu 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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.
gmp-click
function(clickEvent)
Bağımsız değişkenler: 
  • clickEvent:  LocationClickEvent Etkinlik nesnesi, tıklamanın enlem-boylam-yükseklik 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ındı: altitudeMode, drawsOccludedSegments, extruded, fillColor, geodesic, innerCoordinates, outerCoordinates, strokeColor, strokeWidth, zIndex

PopoverElement sınıfı

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

Bir popover oluşturmak için kullanılan özel bir HTML öğesi. Balona benzer ve genellikle bir işaretçiye bağlıdır.

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

Bu sınıfın süresi HTMLElement tarihinde sona eriyor.

Bu sınıf PopoverElementOptions öğesini uygular.

const {PopoverElement} = await google.maps.importLibrary("maps3d") numaralı telefonu 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 yükseklik 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>
lightDismissDisabled
Tür:  boolean optional
Varsayılan: false
Bu popover'ın "light dismissed" (hafifçe kapatılma) olup olmayacağını belirtir. "Hafif kapatma" davranışı, tarayıcı Popover API'sinin 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 popover'ın açık olup olmayacağını belirtir.
HTML özelliği:
  • <gmp-popover open></gmp-popover>
positionAnchor
Bu popover'ın gösterileceği konum. Pop-up, 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
Yerleştirilen içeriği popover'ın ana bölümüne yerleştirir.
header
Yerleştirilen 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ğer ayarlamanız önemle tavsiye edilir.
--gmp-popover-pixel-offset-x
Fareyle üzerine gelindiğinde açılan ipucu penceresinin, haritada fareyle üzerine gelinen noktanın coğrafi koordinatlarından itibaren x eksenindeki ofseti (piksel cinsinden).
--gmp-popover-pixel-offset-y
Popover'ın ucunun, popover'ın coğrafi koordinatlarına göre sabitlendiği haritadaki noktadan y ekseninde piksel cinsinden ofseti.
color-scheme
Bu popover'ın hangi renk şemasında oluşturulabileceğini gösterir. Daha fazla ayrıntı için color-scheme belgeleri inceleyin. Belirtilmezse varsayılan olarak kullanıcının renk şeması tercihlerine ayarlanı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öntemine sahip bir işlev veya nesne olmalıdır.
  • options:  boolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'yi destekler.
İade Değeri:  void
Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin.
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
İade Değeri:  void
Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin.

PopoverElementOptions arayüzü

google.maps.maps3d.PopoverElementOptions arayüz

PopoverElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan PopoverElementOptions nesnesi.
altitudeMode optional
Tür:  AltitudeMode optional
Şu sayfaya göz atın: PopoverElement.altitudeMode.
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 yükseklik bileşenlerinin nasıl yorumlanacağını belirtir.

const {AltitudeMode} = await google.maps.importLibrary("maps3d") numaralı telefonu 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şse bile mutlak konumunun aynı kalacağı anlamına da gelir.
CLAMP_TO_GROUND Yere yerleştirilen nesnelerin ifade edilmesine olanak tanır. Yükseklik ne olursa olsun, araziyi takip ederek yer seviyesinde kalırlar. Nesne büyük bir su kütlesinin üzerinde konumlandırılmışsa deniz seviyesine yerleştirilir.
RELATIVE_TO_GROUND Nesnelerin yer yüzeyine göre ifade edilmesine olanak tanır. Arazi ayrıntı düzeyi değişirse nesnenin konumu yere göre sabit kalır. Su üzerinde olduğunda yükseklik, deniz seviyesinden metre cinsinden yükseklik olarak yorumlanır.
RELATIVE_TO_MESH Nesnelerin, zemin+bina+su yüzeyinin en yükseğine göre ifade edilmesini sağlar. Su üzerinde olduğunda su yüzeyi, arazi üzerinde olduğunda ise bina yüzeyi (varsa) veya zemin yüzeyi (bina yoksa) olur.