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 HTMLElement sınıfını genişletir.

Bu sınıf Map3DElementOptions sınıfını 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
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ı. Geçerli değer 0 ile 90 derece arasındadır.
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ü vektörü etrafında derece cinsinden yan yatış açısı. Belirsizlikleri gidermek için, eğilme olmadığında tüm yuvarlanmalar 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üş 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: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf 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'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
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 bunun yerine saat yönünün tersine 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ö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ı belirli bir süre boyunca mevcut konumdan belirli bir bitiş konumuna parabolik olarak hareket ettirir.

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.
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ğer: 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: 
  • animationEndEvent:  Event
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: 
  • 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-headingchange
function(headingChangeEvent)
Bağımsız değişkenler: 
  • headingChangeEvent:  Event
Bu etkinlik, Map3DElement öğesinin 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 kararlı durumu değiştiğinde tetiklenir.
gmp-tiltchange
function(tiltChangeEvent)
Bağımsız değişkenler: 
  • tiltChangeEvent:  Event
Bu etkinlik, Map3DElement'in tilt ö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
Yörünge animasyonu sırasında kameranın bakması gereken merkez 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
Animasyonun sonunda kameranın bakması gereken konum.
durationMillis optional
Tür:  number optional
Milisaniye cinsinden animasyon süresi. 0 süresi, kamerayı doğrudan son konuma ışınlar.

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'in tıklanmasıyla oluşturulur.

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

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, daha yüksek kamera konumlarından su yüzeyi tıklandığında rakım değeri için deniz tabanı yüksekliği döndürülebilir. Bu etkinlik, DOM ağacında yukarı doğru ilerler.

PlaceClickEvent class

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

Bu etkinlik, bir Map3DElement'in tıklanmasıyla oluşturulur.

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 getirilirken hata oluşursa söz reddedilir.

Marker3DElement sınıfı

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

3D haritada bir konumu gösterir. Marker3DElement'ün gösterilmesi için position'ün 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ıf Marker3DElementOptions sınıfını 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 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 başka bir Marker3DElement ile veya ana harita etiketleriyle çarpıştığında nasıl davranması gerektiğini belirten bir liste.
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
Marker3DElement öğesine doğrudan eklenen tüm özel öğeler alana yerleştirilir. Ancak işaretçi çizmek için yalnızca HTMLImageElement, SVGElement ve PinElement türünde öğ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: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf 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'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
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 ü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'ü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: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf 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'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 üzerinde ayarlanabilen ö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 olanak tanıyan 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 desteklenmemektedir.

Ö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'nin 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 sayede uygulamanız, diğer alan adındaki model dosyalarına güvenli bir şekilde erişebilir.
HTML özelliği:
  • <gmp-model-3d src="src"></gmp-model-3d>
BetaaddEventListener
addEventListener(type, listener[, options])
Parametreler: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf 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'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
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.

Model3DElementOptions arabirim

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.

Polyline3DElement sınıfı

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

3D çoklu çizgi, 3D haritada 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" 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. 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
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 koordinatlarının sıralı 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, poli ç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 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: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf 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'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
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.

Polyline3DElementOptions arayüzü

google.maps.maps3d.Polyline3DElementOptions arayüz

Bir 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.

Polygon3DElement sınıfı

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

3D çokgen (3D çoklu çizgi gibi), sıralı bir sırada bağlı koordinatlar dizisi 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. 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
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 gizlenebilecek kısımlarının çizilip çizilmeyeceğini belirtir. Poligonlar, harita geometrisi (ör. binalar) tarafından gizlenebilir.
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 olduğunda, 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üyü 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üyü 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: 
  • type:  string Dinlenecek etkinlik türünü temsil eden, büyük/küçük harf 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'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
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

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.

AltitudeMode constants

google.maps.maps3d.AltitudeMode constants

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 edilmesine olanak tanır. 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 etmenize olanak tanır. Bu uçaklar, sağlanan yükseklikten bağımsız olarak araziyi takip ederek yer seviyesinde kalır. 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, zemin+bina+su yüzeyinin en yüksek noktasına göre ifade edilmesine olanak tanır. Su üzerindeyken bu, su yüzeyi olur; arazi üzerindeyken ise bina yüzeyi (varsa) veya zemin yüzeyi (bina yoksa) olur.