Map3DElement class
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 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.
Marka | |
|---|---|
Map3DElement |
Map3DElement([options])Parametreler:
|
Özellikler | |
|---|---|
bounds |
Tür:
LatLngBounds|LatLngBoundsLiteral optionalAyarlanı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 |
Tür:
LatLngAltitude|LatLngAltitudeLiteral optionalHaritanı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:
|
defaultLabelsDisabled |
Tür:
boolean optionalVarsayılan:
falsetrue olduğunda varsayılan harita etiketleri oluşturulmaz.HTML özelliği:
|
defaultUIDisabled |
Tür:
boolean optionalVarsayılan:
falsetrue 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:
|
heading |
Tür:
number optionalHaritanı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:
|
maxAltitude |
Tür:
number optionalHaritada 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:
|
maxHeading |
Tür:
number optionalHaritanı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:
|
maxTilt |
Tür:
number optionalHaritanın maksimum geliş açısı. Geçerli değer,
0 ile 90 derece arasındadır.HTML özelliği:
|
minAltitude |
Tür:
number optionalHaritada 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:
|
minHeading |
Tür:
number optionalHaritanı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:
|
minTilt |
Tür:
number optionalHaritanın minimum geliş açısı. Geçerli değer,
0 ile 90 derece arasındadır.HTML özelliği:
|
range |
Tür:
number optionalKameradan haritanın merkezine olan uzaklık (metre cinsinden).
HTML özelliği:
|
roll |
Tür:
number optionalKameranı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:
|
tilt |
Tür:
number optionalKameranı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:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen 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(type, listener[, options])Parametreler:
İade Değeri:
voidDaha ö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. |
Etkinlikler | |
|---|---|
gmp-animationend |
function(animationEndEvent)Bağımsız değişkenler:
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:
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:
Bu etkinlik, Map3DElement'in heading özelliği değiştiğinde tetiklenir. |
gmp-rangechange |
function(rangeChangeEvent)Bağımsız değişkenler:
Bu etkinlik, Map3DElement'in range özelliği değiştiğinde tetiklenir. |
gmp-rollchange |
function(rollChangeEvent)Bağımsız değişkenler:
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:
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.
Özellikler | |
|---|---|
bounds optional |
Tür:
LatLngBounds|LatLngBoundsLiteral optionalŞu sayfaya göz atın: Map3DElement.bounds. |
center optional |
Tür:
LatLngAltitude|LatLngAltitudeLiteral 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 arayüzü
google.maps.maps3d.FlyAroundAnimationOptions
arayüz
FlyCameraAround animasyonu için özelleştirme seçenekleri.
Özellikler | |
|---|---|
camera |
Tür:
CameraOptionsKameranı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 optionalAnimasyonun süresi (milisaniye cinsinden). Bu, tek bir dönüşün süresi değil, animasyonun toplam süresidir. |
rounds optional |
Tür:
number optionalBelirli 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.
Özellikler | |
|---|---|
endCamera |
Tür:
CameraOptionsAnimasyonun sonunda kameranın yönlendirilmesi gereken konum. |
durationMillis optional |
Tür:
number optionalAnimasyonun 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).
Özellikler | |
|---|---|
center optional |
Tür:
LatLngAltitude|LatLngAltitudeLiteral 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.
Özellikler | |
|---|---|
isSteady |
Tür:
booleanMap3DElement'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.
Özellikler | |
|---|---|
position |
Tür:
LatLngAltitude optionalEtkinlik 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, bir Map3DElement'i tıklayarak oluşturulur.
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.
Özellikler | |
|---|---|
placeId |
Tür:
stringHarita özelliğinin yer kimliği. |
Devralınan:
position
| |
Yöntemler | |
|---|---|
fetchPlace |
fetchPlace()Parametreler: Yok
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" 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.
Marka | |
|---|---|
Marker3DElement |
Marker3DElement([options])Parametreler:
Belirtilen seçeneklerle Marker3DElement oluşturur. |
Özellikler | |
|---|---|
altitudeMode |
Tür:
AltitudeMode optionalVarsayılan:
AltitudeMode.CLAMP_TO_GROUNDKonumun yükseklik bileşeninin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
collisionBehavior |
Tür:
CollisionBehavior optionalVarsayılan:
CollisionBehavior.REQUIREDBir 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:
|
drawsWhenOccluded |
Tür:
boolean optionalVarsayılan:
falseBu işaretçi kapatıldığında çizilip çizilmeyeceğini belirtir. İşaretçi, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği:
|
extruded |
Tür:
boolean optionalVarsayı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:
|
label |
Tür:
string optionalBu işaretçi tarafından görüntülenecek metin.
HTML özelliği:
|
position |
Tür:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalİşaretçi ucunun konumu. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır. |
sizePreserved |
Tür:
boolean optionalVarsayılan:
falseBu 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:
|
zIndex |
Tür:
number optionalzIndex'in diğer işaretçilere kıyasla durumu.
HTML özelliği:
|
Slot makineleri | |
|---|---|
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. |
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidDaha ö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.
Özellikler | |
|---|---|
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 |
Tür:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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-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.
Marka | |
|---|---|
Marker3DInteractiveElement |
Marker3DInteractiveElement([options])Parametreler:
Belirtilen seçeneklerle Marker3DInteractiveElement oluşturur. |
Özellikler | |
|---|---|
Devralındı:
altitudeMode,
collisionBehavior,
drawsWhenOccluded,
extruded,
label,
position,
sizePreserved,
zIndex
|
Slot makineleri | |
|---|---|
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. |
Yöntemler | |
|---|---|
addEventListener |
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener konusuna bakın. |
removeEventListener |
removeEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidDaha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener konusuna bakın. |
Etkinlikler | |
|---|---|
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.
Özellikler | |
|---|---|
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" src="src"></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.
Marka | |
|---|---|
Model3DElement |
Model3DElement([options])Parametreler:
Belirtilen seçeneklerle Model3DElement oluşturur. |
Özellikler | |
|---|---|
altitudeMode |
Tür:
AltitudeMode optionalVarsayılan:
AltitudeMode.CLAMP_TO_GROUNDPozisyondaki yüksekliğin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
orientation |
Tür:
Orientation3D|Orientation3DLiteral optional3D 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. |
position |
Tür:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optionalModel3DElement konumunu ayarlar. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır. |
scale |
Tür:
number|Vector3D|Vector3DLiteral optionalVarsayılan:
1Modeli, modelin koordinat uzayındaki x, y ve z eksenleri boyunca ölçeklendirir. |
src |
Tür:
string|URL optional3D 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:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidDaha ö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.
Özellikler | |
|---|---|
altitudeMode optional |
Tür:
AltitudeMode optionalŞu sayfaya göz atın: Model3DElement.altitudeMode. |
orientation optional |
Tür:
Orientation3D|Orientation3DLiteral optionalŞu sayfaya göz atın: Model3DElement.orientation. |
position optional |
Tür:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral 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 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" 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.
Marka | |
|---|---|
Polyline3DElement |
Polyline3DElement([options])Parametreler:
Belirtilen seçeneklerle Polyline3DElement oluşturur. |
Özellikler | |
|---|---|
altitudeMode |
Tür:
AltitudeMode optionalVarsayılan:
AltitudeMode.ABSOLUTEKoordinatlardaki yükseklik bileşenlerinin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
coordinates |
Tür:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalÇ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 optionalVarsayı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:
|
extruded |
Tür:
boolean optionalVarsayı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:
|
geodesic |
Tür:
boolean optionalVarsayılan:
falsetrue 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:
|
outerColor |
Tür:
string optionalDış renk. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
outerWidth |
Tür:
number optionalDış genişlik
0.0 ile 1.0 arasındadır. Bu, strokeWidth yüzdesidir.HTML özelliği:
|
strokeColor |
Tür:
string optionalÇizgi rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
strokeWidth |
Tür:
number optionalKontur genişliği (piksel cinsinden).
HTML özelliği:
|
zIndex |
Tür:
number optionalDiğer çokgenlere kıyasla zIndex.
HTML özelliği:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidDaha ö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.
Özellikler | |
|---|---|
altitudeMode optional |
Tür:
AltitudeMode optionalŞu sayfaya göz atın: Polyline3DElement.altitudeMode. |
coordinates optional |
Tür:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> 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 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 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.
Marka | |
|---|---|
Polygon3DElement |
Polygon3DElement([options])Parametreler:
Belirtilen seçeneklerle Polygon3DElement oluşturur. |
Özellikler | |
|---|---|
altitudeMode |
Tür:
AltitudeMode optionalVarsayılan:
AltitudeMode.ABSOLUTEKoordinatlardaki yükseklik bileşenlerinin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
drawsOccludedSegments |
Tür:
boolean optionalVarsayılan:
falsePoligonun, kapatılabilecek kısımlarının çizilip çizilmeyeceğini belirtir. Poligonlar, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği:
|
extruded |
Tür:
boolean optionalVarsayılan:
falsePoligonun 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:
|
fillColor |
Tür:
string optionalDolgu rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
geodesic |
Tür:
boolean optionalVarsayılan:
falsetrue 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:
|
innerCoordinates |
Tür:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optionalKapalı 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. |
outerCoordinates |
Tür:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optionalKapalı 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. |
strokeColor |
Tür:
string optionalÇizgi rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
strokeWidth |
Tür:
number optionalKontur genişliği (piksel cinsinden).
HTML özelliği:
|
zIndex |
Tür:
number optionalDiğer çokgenlere kıyasla zIndex.
HTML özelliği:
|
Yöntemler | |
|---|---|
|
addEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidBelirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options])Parametreler:
İade Değeri:
voidDaha ö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.
Özellikler | |
|---|---|
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 |
Tür:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral>|Iterable<LatLngLiteral>> optionalŞu sayfaya göz atın: Polygon3DElement.innerCoordinates. |
outerCoordinates optional |
Tür:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> 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 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.
Sabitler | |
|---|---|
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. |