3D Maps

Map3DElement sınıfı

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

Map3DElement, 3D Harita görünümü için bir HTML arayüzüdür.

Özel öğe:
<gmp-map-3d center="lat,lng,altitude" default-labels-disabled default-ui-disabled heading="number" max-altitude="number" max-heading="number" max-tilt="number" min-altitude="number" min-heading="number" min-tilt="number" range="number" roll="number" tilt="number"></gmp-map-3d>

Bu sınıfın süresi HTMLElement tarihinde uzatılacak.

Bu sınıfta Map3DElementOptions uygulanıyor.

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
Ayarlandığında, kameranın konumunu belirtilen enlem/boylam sınırları içinde kısıtlar. Sınırların dışındaki nesnelerin yine de oluşturulduğunu 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
LatLngAltitude olarak verilen haritanın merkezi. Yükseklik, yer seviyesinden metre cinsindendir. range alanı, kameranın harita merkezine olan mesafesini etkilediği için bu noktanın kameranın bulunduğu yer olmayabileceğini unutmayın. Ayarlanmamışsa varsayılan olarak {lat: 0, lng: 0, altitude: 63170000} olur. İzin verilen maksimum yükseklik 63170000 metredir (Dünya yarıçapının 10 ile çarpımı).
HTML özelliği:
  • <gmp-map-3d center="lat,lng,altitude"></gmp-map-3d>
defaultLabelsDisabled
Tür:  boolean optional
Varsayılan: false
true olduğunda varsayılan harita etiketleri oluşturulmaz.
HTML özelliği:
  • <gmp-map-3d default-labels-disabled></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 kontrollerini devre dışı bırakmaz.
HTML özelliği:
  • <gmp-map-3d default-ui-disabled></gmp-map-3d>
heading
Tür:  number optional
Haritanın pusula istikameti (sıfır derece kuzey). Eğim olmadığında tüm yuvarlanmalar yön olarak yorumlanır.
HTML özelliği:
  • <gmp-map-3d heading="number"></gmp-map-3d>
maxAltitude
Tür:  number optional
Haritada gösterilecek, yerden en yüksek rakım. Geçerli değer 0 ile 63170000 metre (Dünya yarıçapının 10 ile çarpımı) arasında olmalıdır.
HTML özelliği:
  • <gmp-map-3d max-altitude="number"></gmp-map-3d>
maxHeading
Tür:  number optional
Haritanın maksimum yön açısı (dönme). Geçerli değer 0 ile 360 derece arasındadır. minHeading ve maxHeading, başlık hareketlerine izin verilecek <= 360 derecelik bir aralığı temsil eder. minHeading = 180 ve maxHeading = 90, [0, 90] başlığına ve [180, 360] başlığına izin verir. minHeading = 90 ve maxHeading = 180, [90, 180]'de başlığa 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, yerden en düşük yükseklik. Geçerli değer 0 ile 63170000 metre (Dünya yarıçapının 10 ile çarpımı) arasında olmalıdır.
HTML özelliği:
  • <gmp-map-3d min-altitude="number"></gmp-map-3d>
minHeading
Tür:  number optional
Haritanın minimum yön açısı (dönme). Geçerli değer 0 ile 360 derece arasındadır. minHeading ve maxHeading, başlık hareketlerine izin verilecek <= 360 derecelik bir aralığı temsil eder. minHeading = 180 ve maxHeading = 90, [0, 90] başlığına ve [180, 360] başlığına izin verir. minHeading = 90 ve maxHeading = 180, [90, 180]'de başlığa 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ı. 0 ile 90 derece arasında geçerli değerler kabul edilir.
HTML özelliği:
  • <gmp-map-3d min-tilt="number"></gmp-map-3d>
range
Tür:  number optional
Kameranın, haritanın merkezine olan mesafesi (metre cinsinden).
HTML özelliği:
  • <gmp-map-3d range="number"></gmp-map-3d>
roll
Tür:  number optional
Kameranın, görüntüleme vektörü etrafında derece cinsinden yuvarlanması. Belirsizlikleri çözmek için, yatırma yoksa, herhangi bir yuvarlama yöne doğru yorumlanır.
HTML özelliği:
  • <gmp-map-3d roll="number"></gmp-map-3d>
tilt
Tür:  number optional
Kameranın görüş vektörünün derece cinsinden eğimi. Doğrudan aşağıya, dünyaya bakan bir görüntü vektörü sıfır derece eğime sahip olur. Dünyadan uzağa bakan bir görüntü vektörünün eğimi 180 derece olur.
HTML özelliği:
  • <gmp-map-3d tilt="number"></gmp-map-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • typestring Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her yayınlandığında çağrılacak bir işlev oluşturur. addEventListener konusuna bakın
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ürerek bu süre içinde belirtilen sayıda tur atar.

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

Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlayabileceğinden yöntem ayarsızdır. Yöntem, animasyon başladıktan sonra döndürülür.

Tur sayısı sıfır ise dönme 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ı belirli bir süre boyunca mevcut konumdan belirli bir bitiş konumuna parabolik olarak hareket ettirir.

Animasyonlar ancak harita minimum miktarda yüklendikten sonra başlatılabileceği için eşzamansız bir yöntemdir. Yöntem, animasyon başladıktan sonra döndürülür.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener ile kaydedilen bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.
stopCameraAnimation
stopCameraAnimation()
Parametreler: Yok
Döndürülen Değeri: Yok
Bu yöntem, çalışabilecek tüm uçuş animasyonlarını durdurur. Kamera, animasyon ortasında olduğu yerde kalır ve uç noktaya ışınlanmaz.

Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlayabileceği veya duraklatılabileceği için yöntem ayarsızdır. Yöntem, animasyon durduğunda döndürülür.
gmp-animationend
function(animationEndEvent)
Bağımsız değişkenler: 
  • animationEndEventEvent
Bu etkinlik, uçma animasyonu sona erdiğinde tetiklenir. Bu etkinlik, DOM ağacında yukarı doğru ilerler.
gmp-centerchange
function(centerChangeEvent)
Bağımsız değişkenler: 
  • centerChangeEventEvent
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-headingchange
function(headingChangeEvent)
Bağımsız değişkenler: 
  • headingChangeEventEvent
Bu etkinlik, Map3DElement öğesinin heading özelliği değiştiğinde tetiklenir.
gmp-rangechange
function(rangeChangeEvent)
Bağımsız değişkenler: 
  • rangeChangeEventEvent
Bu etkinlik, Map3DElement'in range özelliği değiştiğinde tetiklenir.
gmp-rollchange
function(rollChangeEvent)
Bağımsız değişkenler: 
  • rollChangeEventEvent
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 adlı cihazın sabit durumu değiştiğinde tetiklenir.
gmp-tiltchange
function(tiltChangeEvent)
Bağımsız değişkenler: 
  • tiltChangeEventEvent
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.
defaultLabelsDisabled optional
Tür:  boolean optional
Şu sayfaya göz atın: Map3DElement.defaultLabelsDisabled.
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.
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.
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.

FlyAroundAnimationOptions arabirim

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. Kamera bu merkez noktanın etrafında dönerken harita başlığının değişeceğini unutmayın.
durationMillis optional
Tür:  number optional
Milisaniye cinsinden animasyon süresi. Bu, tek bir dönüşümü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öndürülecek tur sayısı. Bu, genel dönme hızını kontrol eder. rounds parametresine negatif bir sayı göndermek, kameranın varsayılan saat yönündeki yönü yerine saat yönünün tersine dönmesine neden olur.

FlyToAnimationOptions arabirim

google.maps.maps3d.FlyToAnimationOptions arayüz

FlyCameraTo animasyonu için özelleştirme seçenekleri.

endCamera
Kameranın animasyonun sonunda olması gereken konum.
durationMillis optional
Tür:  number optional
Milisaniye cinsinden animasyon süresi. 0 değerine 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 konumu olan herhangi bir şey olabilir (ör. mevcut harita durumu veya gelecekte istenen 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 sınıfı

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

Bu etkinlik, Map3DElement değerinin sabit durumunun izlenmesi sonucunda oluşturulur. Bu etkinlik, DOM ağacında yukarı doğru ilerler.

Bu sınıf Event sınıfını genişletir.

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 öğesinin sabit olup olmadığını (yani mevcut sahnenin tüm oluşturma işleminin tamamlanıp tamamlanmadığını) belirtir.

LocationClickEvent class

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

Bu etkinlik bir Map3DElement tıklanarak oluşturuldu.

Bu sınıfın süresi Event tarihinde uzatılacak.

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şirken imlecin altındaki enlem/boylam/yükseklik. Daha kaba düzeylerde daha az doğru veriler döndürüleceğini lütfen unutmayın. Ayrıca, yüksek kamera konumlarından su yüzeyine tıklandığında rakım değeri için deniz tabanı rakımı döndürülebilir. Bu etkinlik, DOM ağacında yukarı doğru ilerler.

PlaceClickEvent sınıfı

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

Bu etkinlik bir Map3DElement tıklanarak oluşturuldu.

Bu sınıf LocationClickEvent sınıfını genişletir.

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ındı: position
fetchPlace
fetchPlace()
Parametreler: Yok
Döndürülen Değer:  Promise<Place>
Bu yer kimliği için bir Place getirir. Elde edilen Place nesnesinde kimlik özelliği doldurulur. Normal Yerler API'si etkinleştirme ve faturalandırma koşullarına tabi olarak Place.fetchFields() aracılığıyla daha sonra ek alanlar istenebilir. Place alınırken bir hata oluşursa taahhüt reddedilir.

Marker3DElement sınıfı

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

3D haritada bir konumu gösterir. Marker3DElement öğesinin görüntülenmesi 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" size-preserved z-index="number"></gmp-marker-3d>

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

Bu sınıfta Marker3DElementOptions uygulanıyor.

const {Marker3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz. Haritalar 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
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
Bir Marker3DElement'ın başka bir Marker3DElement veya temel harita etiketleriyle çakıştığında nasıl davranması gerektiğini belirten bir numaralandırma.
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, gizlendiğinde çizilip çizilmeyeceğini belirtir. İşaretçi, harita geometrisi (ör. binalar) tarafından gizlenebilir.
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. İş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österilecek 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.
sizePreserved
Tür:  boolean optional
Varsayılan: false
Bu işaretçinin, kameraya olan mesafeden bağımsız olarak boyutunu koruyup koruyamayacağını belirtir. İşaretçi varsayılan olarak 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 z-dizin.
HTML özelliği:
  • <gmp-marker-3d z-index="number"></gmp-marker-3d>
default
Doğrudan Marker3DElement öğesine eklenen tüm özel öğeler yuvaya yerleştirilir, ancak çizim işaretçileri 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'ın varsayılan yuvasına atanmadan önce <template> öğesine sarmalanmalıdır.

Resimler ve SVG'ler şu anda 3D sahnede oluşturulmadan önce pikselleştirilir. Bu nedenle, resimlere eklenen SVG veya CSS sınıflarına yerleştirilmiş özel HTML uygulanmaz ve ekranda işaretçiler gösterildiğinde yansıtılmayabilir.
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • typestring Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her sunulduğunda çağrılacak bir işlev oluşturur. addEventListener öğesine göz atın.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener ile kaydedilen bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.

Marker3DElementOptions arayüzü

google.maps.maps3d.Marker3DElementOptions arayüz

Marker3DElement'ta 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 harita üzerinde bir konum gösterir. Marker3DInteractiveElement'ün gösterilmesi için position'ün ayarlanması gerektiğini unutmayın. Marker3DElement'ün aksine Marker3DInteractiveElement, bir gmp-click etkinliği alır.

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

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

Bu sınıf Marker3DInteractiveElementOptions sınıfını 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 bir Marker3DInteractiveElement oluşturur.
Devralındı: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex
default
Marker3DInteractiveElement öğesine doğrudan eklenen tüm özel öğeler ayrılır. Ancak işaretçi ç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: 
  • typestring Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her sunulduğunda çağrılacak bir işlev oluşturur. addEventListener konusuna bakın
removeEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener ile kaydedilen bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine 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'da ayarlanabilecek özellikleri tanımlamak için kullanılan Marker3DInteractiveElementOptions nesnesi.

Bu arayüz Marker3DElementOptions'ü genişletir.

Devralındı: altitudeMode, collisionBehavior, drawsWhenOccluded, extruded, label, position, sizePreserved, zIndex

Model3DElement sınıfı

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

gLTF modellerinin oluşturulmasına izin veren bir 3D model. Model3DElement'nin gösterilmesi için position ve src'nin ayarlanması gerektiğini unutmayın.

gLTF PBR'nin temel özellikleri desteklenmelidir. Şu anda uzantı veya uzantı mülkleri desteklenmiyor.

Özel öğe:
<gmp-model-3d altitude-mode="absolute" src="src"></gmp-model-3d>

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

Bu sınıf Model3DElementOptions sınıfını 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 bir Model3DElement oluşturur.
altitudeMode
Tür:  AltitudeMode optional
Konumdaki 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
Modeli 3D haritada konumlandırmak için 3D modelin koordinat sisteminin döndürülmesini açıklar.

Döndürme işlemleri modele şu sırayla uygulanır: yuvarlanma, eğme ve ardından yön.
position
Model3DElement öğesinin konumunu ayarlar. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
scale
Tür:  number|Vector3D|Vector3DLiteral optional
Varsayılan: 1
Modeli, modelin koordinat alanındaki x, y ve z eksenleri boyunca ölçeklendirir.
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ülür.

.glb model dosyalarınızı ana uygulamanızdan farklı bir web sitesinde veya sunucuda barındırıyorsanız doğru CORS HTTP üst bilgilerini ayarladığınızdan emin olun. Bu, uygulamanızın diğer alan adındaki model dosyalarına güvenli bir şekilde erişmesine olanak tanır.
HTML özelliği:
  • <gmp-model-3d src="src"></gmp-model-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • typestring Dinlenecek etkinlik türünü temsil eden büyük/küçük harfe duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her yayınlandığında çağrılacak bir işlev oluşturur. addEventListener öğesine göz atın.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener öğesine kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.

Model3DElementOptions arabirim

google.maps.maps3d.Model3DElementOptions arayüz

Bir Model3DElement'ta 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.

Polyline3DElement sınıfı

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

3D çoklu çizgi, 3D harita üzerinde birleştirilmiş çizgi segmentlerinin doğrusal bir yerleşimidir.

Özel öğe:
<gmp-polyline-3d altitude-mode="absolute" draws-occluded-segments extruded geodesic outer-color="string" outer-width="number" 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 sınıfını uygular.

const {Polyline3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz. Haritalar 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
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>
coordinates
Çoklu çizginin sıralı koordinat dizisi. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
drawsOccludedSegments
Tür:  boolean optional
Varsayılan: false
Poli çizginin gizlenebilecek bölümlerinin çizilip çizilmeyeceğini belirtir. Çoklu çizgiler, harita geometrisi (ör. binalar) tarafından gizlenebilir.
HTML özelliği:
  • <gmp-polyline-3d draws-occluded-segments></gmp-polyline-3d>
extruded
Tür:  boolean optional
Varsayılan: false
Poli çizginin zemine bağlanıp bağlanmayacağını belirtir. Bir ç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 izler. 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 değerinin yüzdesidir.
HTML özelliği:
  • <gmp-polyline-3d outer-width="number"></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
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 z-dizin.
HTML özelliği:
  • <gmp-polyline-3d z-index="number"></gmp-polyline-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • typestring Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, handleEvent yöntemine sahip bir işlev veya nesne olmalıdır.
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her yayınlandığında çağrılacak bir işlev oluşturur. addEventListener konusuna bakın
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener öğesine kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.

Polyline3DElementOptions arayüzü

google.maps.maps3d.Polyline3DElementOptions arayüz

Bir Polyline3DElement'ta 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
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.

Polygon3DElement sınıfı

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

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

Özel öğe:
<gmp-polygon-3d altitude-mode="absolute" draws-occluded-segments extruded fill-color="string" geodesic 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 sınıfını uygular.

const {Polygon3DElement} = await google.maps.importLibrary("maps3d") numaralı telefonu arayarak erişebilirsiniz. Haritalar 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
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
Çokgenin gizlenebilecek kısımlarının çizilip çizilmeyeceğini belirtir. Poligonlar harita geometrisi tarafından (ör. binalar) kapatılabilir.
HTML özelliği:
  • <gmp-polygon-3d draws-occluded-segments></gmp-polygon-3d>
extruded
Tür:  boolean optional
Varsayılan: false
Poligonun zemine bağlanıp bağlanmayacağını belirtir. Bir poligonu dışa doğru çıkarmak 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 yapıldığında, poligonun kenarları ekran alanında düz çizgiler olarak oluşturulur.
HTML özelliği:
  • <gmp-polygon-3d geodesic></gmp-polygon-3d>
innerCoordinates
Kapalı bir döngü belirten sıralı koordinat dizisi. Poligonlar, çoklu çizgilerin aksine bir veya daha fazla yoldan oluşabilir. Bu yollar, poligon içinde birden fazla kesik oluşturur.
outerCoordinates
Kapalı bir döngü belirten sıralı koordinat dizisi. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır.
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
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 z-dizin.
HTML özelliği:
  • <gmp-polygon-3d z-index="number"></gmp-polygon-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • typestring Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf duyarlı bir dize.
  • listenerEventListener|EventListenerObject Bildirim alan nesne. Bu, işleyici etkinliği yöntemine sahip bir işlev veya nesne olmalıdır
  • optionsboolean|AddEventListenerOptions optional Seçeneklere bakın. Özel etkinlikler yalnızca capture ve passive'i destekler.
Döndürülen Değer:  void
Belirtilen etkinlik hedefe her yayınlandığında çağrılacak bir işlev oluşturur. addEventListener konusuna bakın
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parametreler: 
Döndürülen Değer:  void
Daha önce addEventListener ile kaydedilen bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener işlevine bakın.

Polygon3DElementOptions arayüzü

google.maps.maps3d.Polygon3DElementOptions arayüz

Bir Polygon3DElement'ta 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
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.

AltitudeMode constants

google.maps.maps3d.AltitudeMode sabit değer

Koordinatlardaki rakım bileşenlerinin nasıl yorumlandığı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 Ortalama ortalama deniz seviyesine göre nesnelerin ifade edilmesini sağlar. Bu aynı zamanda, nesnenin altında arazi ayrıntı düzeyi değişirse, mutlak konumunun aynı kalacağı anlamına gelir.
CLAMP_TO_GROUND Yere yerleştirilen nesneleri ifade etmenize olanak tanır. Verilen rakımdan bağımsız olarak araziyi takip ederek yer seviyesinde kalırlar. Nesne büyük bir su kütlesi üzerindeyse deniz seviyesine yerleştirilir.
RELATIVE_TO_GROUND Nesnelerin zemin yüzeyine göre ifade edilmesine olanak tanır. 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, yer+yapı+su yüzeyinin en yüksek yüksekliğine göre ifade edilmesine olanak tanır. Suyun üzerindeyken bu su yüzeyi, arazi üzerinde olduğunda bina yüzeyi (varsa) veya zemin yüzeyi (bina yoksa) olur.