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 optional Ayarlanırsa kameranın konumunu belirtilen enlem/boylam sınırları içinde kısıtlar. Sınırların dışındaki nesnelerin yine de oluşturulacağını unutmayın. Sınırlar hem boylamı hem de enlemi kısıtlayabilir veya yalnızca enlemi ya da boylamı kısıtlayabilir. Yalnızca enlem sınırları için sırasıyla -180 ve 180 batı ve doğu boylamlarını kullanın. Yalnızca boylam sınırları için sırasıyla 90 ve -90 kuzey ve güney enlemlerini kullanın. |
center |
Tür:
LatLngAltitude|LatLngAltitudeLiteral optional Haritanın merkezi, LatLngAltitude olarak verilir. Burada yükseklik, zemin seviyesinden metre cinsinden yüksekliktir.
range alanı, kameranın harita merkezine olan uzaklığını etkilediğinden bu konumun kameranın bulunduğu yer olmayabileceğini unutmayın. Ayarlanmamışsa varsayılan olarak {lat: 0, lng: 0, altitude: 63170000} olur. 63.170.000 metre, izin verilen maksimum yüksekliktir (Dünya yarıçapı 10 ile çarpılır).HTML özelliği:
|
defaultLabelsDisabled |
Tür:
boolean optional Varsayılan:
false true olduğunda varsayılan harita etiketleri oluşturulmaz.HTML özelliği:
|
defaultUIDisabled |
Tür:
boolean optional Varsayılan:
false true olduğunda tüm varsayılan kullanıcı arayüzü düğmeleri devre dışı bırakılır. Klavye ve hareket denetimleri devre dışı bırakılmaz.HTML özelliği:
|
heading |
Tür:
number optional Haritanın pusula yönü (derece cinsinden). Tam kuzey sıfır derecedir. Eğim olmadığında, herhangi bir yuvarlanma yön olarak yorumlanır.
HTML özelliği:
|
maxAltitude |
Tür:
number optional Haritada gösterilecek, yerden yüksekliğin maksimum değeri. Geçerli değer,
0 ile 63170000 metre (Dünya yarıçapı 10 ile çarpılır) arasındadır.HTML özelliği:
|
maxHeading |
Tür:
number optional Haritanın yönünün (dönüşünün) maksimum açısı. Geçerli değer,
0 ile 360 derece arasındadır. minHeading ve maxHeading , baş hareketlerine izin verilecek <= 360 derecelik bir aralığı temsil eder. minHeading = 180 ve maxHeading = 90 , [0, 90] ve [180, 360] yönünde ilerlemeye izin verecek. minHeading = 90 ve maxHeading = 180 , [90, 180] içinde başlık oluşturulmasına izin verir.HTML özelliği:
|
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:
|
minAltitude |
Tür:
number optional Haritada gösterilecek minimum yükseklik. Geçerli değer,
0 ile 63170000 metre (Dünya yarıçapı 10 ile çarpılır) arasındadır.HTML özelliği:
|
minHeading |
Tür:
number optional Haritanın yönünün (dönüş) minimum açısı. Geçerli değer,
0 ile 360 derece arasındadır. minHeading ve maxHeading , baş hareketlerine izin verilecek <= 360 derecelik bir aralığı temsil eder. minHeading = 180 ve maxHeading = 90 , [0, 90] ve [180, 360] yönünde ilerlemeye izin verecek. minHeading = 90 ve maxHeading = 180 , [90, 180] içinde başlık oluşturulmasına izin verir.HTML özelliği:
|
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:
|
range |
Tür:
number optional Kameradan haritanın merkezine olan uzaklık (metre cinsinden).
HTML özelliği:
|
roll |
Tür:
number optional Kameranın görünüm vektörü etrafındaki yuvarlanması (derece cinsinden). Eğim olmadığında belirsizlikleri gidermek için tüm dönüşler yön olarak yorumlanır.
HTML özelliği:
|
tilt |
Tür:
number optional Kameranın görünüm vektörünün eğimi (derece cinsinden). Doğrudan dünyaya bakan bir görünüm vektörünün eğimi sıfır derece olur. Dünyadan uzaklaşan bir görünüm vektörü
180 derece eğimli olur.HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
flyCameraAround |
flyCameraAround(options) Parametreler:
Döndürülen Değer: Yok
Bu yöntem, kamerayı belirli bir süre boyunca belirli bir konumun etrafında döndürür ve bu süre içinde belirli sayıda tur atar. Kamera varsayılan olarak saat yönünde döner. Turlar için negatif bir sayı verilirse kamera bunun yerine saat yönünün tersine döner. Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlayabildiğinden yöntem eşzamansızdır. Animasyon başlatıldıktan sonra yöntem döndürülür. Tur sayısı sıfırsa döndürme işlemi gerçekleşmez ve animasyon başladıktan hemen sonra tamamlanır. |
flyCameraTo |
flyCameraTo(options) Parametreler:
Döndürülen Değer: Yok
Bu yöntem, kamerayı mevcut konumdan belirli bir süre içinde parabolik bir şekilde belirli bir bitiş konumuna hareket ettirir. Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlayabildiğinden yöntem eşzamansızdır. Animasyon başlatıldıktan sonra yöntem döndürülür. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
stopCameraAnimation |
stopCameraAnimation() Parametreler: Yok
Döndürülen Değer: Yok
Bu yöntem, çalışmakta olan tüm uçuş animasyonlarını durdurur. Kamera, animasyonun ortasında bulunduğu yerde kalır ve bitiş noktasına ışınlanmaz. Animasyonlar yalnızca harita minimum miktarda yüklendikten sonra başlatılabileceği veya durdurulabileceği için yöntem eşzamansızdır. Animasyon durduktan sonra yöntem döndürülür. |
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:
CameraOptions Kameranın yörünge animasyonu sırasında bakması gereken merkezi nokta. Kameranın bu merkez nokta etrafında dönmesiyle harita yönünün değişeceğini unutmayın. |
durationMillis optional |
Tür:
number optional Animasyonun süresi (milisaniye cinsinden). Bu, tek bir dönüşün süresi değil, animasyonun toplam süresidir. |
rounds optional |
Tür:
number optional Belirli bir süre içinde merkez etrafında dönülecek tur sayısı. Bu ayar, genel dönüş hızını kontrol eder. Rounds işlevine negatif bir sayı iletmek, kameranın varsayılan saat yönünde dönüş yerine saat yönünün tersine dönmesine neden olur. |
FlyToAnimationOptions arayüzü
google.maps.maps3d.FlyToAnimationOptions
arayüz
FlyCameraTo animasyonu için özelleştirme seçenekleri.
Özellikler | |
---|---|
endCamera |
Tür:
CameraOptions Animasyonun sonunda kameranın yönlendirilmesi gereken konum. |
durationMillis optional |
Tür:
number optional Animasyonun süresi (milisaniye cinsinden). Süre 0 olarak ayarlanırsa kamera doğrudan son konuma ışınlanır. |
CameraOptions arayüzü
google.maps.maps3d.CameraOptions
arayüz
Bir kamera nesnesinde ayarlanabilecek özellikleri tanımlamak için kullanılan CameraOptions nesnesi. Kamera nesnesi, kamera konumuna sahip herhangi bir şey olabilir (ör. mevcut bir harita durumu veya gelecekte istenen bir animasyon durumu).
Ö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:
boolean Map3DElement'in sabit olup olmadığını (yani mevcut sahnenin tüm oluşturma işlemlerinin tamamlanıp tamamlanmadığını) gösterir. |
LocationClickEvent class
google.maps.maps3d.LocationClickEvent
sınıf
Bu etkinlik, bir Map3DElement'i tıklayarak oluşturulur.
Bu sınıfın süresi Event
tarihinde sona eriyor.
const {LocationClickEvent} = await google.maps.importLibrary("maps3d")
numaralı telefonu arayarak erişebilirsiniz.
Maps JavaScript API'deki kitaplıklar başlıklı makaleyi inceleyin.
Özellikler | |
---|---|
position |
Tür:
LatLngAltitude optional Etkinlik gerçekleştiğinde imlecin altında bulunan enlem/boylam/yükseklik. Daha kaba düzeylerde daha az doğru verilerin döndürüleceğini lütfen unutmayın. Ayrıca, daha yüksek kamera konumlarından su yüzeyini tıkladığınızda yükseklik değeri için deniz tabanı yüksekliği döndürülebilir. Bu etkinlik, DOM ağacında yukarı doğru yayılır. |
PlaceClickEvent sınıfı
google.maps.maps3d.PlaceClickEvent
sınıf
Bu etkinlik, 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:
string Harita ö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 optional Varsayılan:
AltitudeMode.CLAMP_TO_GROUND Konumun yükseklik bileşeninin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
collisionBehavior |
Tür:
CollisionBehavior optional Varsayılan:
CollisionBehavior.REQUIRED Bir Marker3DElement'in başka bir Marker3DElement veya temel harita etiketleriyle çarpıştığında nasıl davranması gerektiğini belirten bir sıralama.
HTML özelliği:
|
drawsWhenOccluded |
Tür:
boolean optional Varsayılan:
false Bu işaretçi kapatıldığında çizilip çizilmeyeceğini belirtir. İşaretçi, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği:
|
extruded |
Tür:
boolean optional Varsayılan:
false İşaretçinin yere bağlanıp bağlanmayacağını belirtir. Bir işaretçiyi ekstrüde etmek için
altitudeMode , RELATIVE_TO_GROUND veya ABSOLUTE olmalıdır.HTML özelliği:
|
label |
Tür:
string optional Bu 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 optional Varsayılan:
false Bu işaretçinin, kameraya olan mesafeden bağımsız olarak boyutunu koruyup korumayacağını belirtir. İşaretçi varsayılan olarak kameradan/eğimden uzaklığa göre ölçeklendirilir.
HTML özelliği:
|
zIndex |
Tür:
number optional zIndex'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:
void Belirtilen 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:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Marker3DElementOptions arayüzü
google.maps.maps3d.Marker3DElementOptions
arayüz
Marker3DElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Marker3DElementOptions nesnesi.
Ö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:
void Belirtilen 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:
void Daha ö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 optional Varsayılan:
AltitudeMode.CLAMP_TO_GROUND Pozisyondaki yüksekliğin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
orientation |
Tür:
Orientation3D|Orientation3DLiteral optional 3D modelin 3D Harita üzerinde konumlandırılması için 3D modelin koordinat sisteminin döndürülmesini açıklar. Dönüşler, modele sırasıyla yuvarlanma, eğilme ve yön şeklinde uygulanır. |
position |
Tür:
LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Model3DElement 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 uzayı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 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:
void Belirtilen 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:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Model3DElementOptions arayüzü
google.maps.maps3d.Model3DElementOptions
arayüz
Model3DElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Model3DElementOptions nesnesi.
Ö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 optional Varsayılan:
AltitudeMode.ABSOLUTE Koordinatlardaki 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 optional Varsayılan:
false Çoklu çizginin, kapatılabilecek kısımlarının çizilip çizilmeyeceğini belirtir. Çoklu çizgiler, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği:
|
extruded |
Tür:
boolean optional Varsayılan:
false Çoklu çizginin yere bağlanıp bağlanmayacağını belirtir. Çoklu çizgiyi ekstrüde etmek için
altitudeMode , RELATIVE_TO_GROUND veya ABSOLUTE olmalıdır.HTML özelliği:
|
geodesic |
Tür:
boolean optional Varsayılan:
false true olduğunda çoklu çizginin kenarları jeodezik olarak yorumlanır ve Dünya'nın eğriliğini takip eder. false olduğunda çoklu çizginin kenarları ekran alanında düz çizgiler olarak oluşturulur.HTML özelliği:
|
outerColor |
Tür:
string optional Dış renk. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
outerWidth |
Tür:
number optional Dış 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 optional Kontur genişliği (piksel cinsinden).
HTML özelliği:
|
zIndex |
Tür:
number optional Diğer çokgenlere kıyasla zIndex.
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Polyline3DElementOptions arayüzü
google.maps.maps3d.Polyline3DElementOptions
arayüz
Polyline3DElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Polyline3DElementOptions nesnesi.
Ö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 optional Varsayılan:
AltitudeMode.ABSOLUTE Koordinatlardaki yükseklik bileşenlerinin nasıl yorumlanacağını belirtir.
HTML özelliği:
|
drawsOccludedSegments |
Tür:
boolean optional Varsayılan:
false Poligonun, kapatılabilecek kısımlarının çizilip çizilmeyeceğini belirtir. Poligonlar, harita geometrisi (ör. binalar) tarafından kapatılabilir.
HTML özelliği:
|
extruded |
Tür:
boolean optional Varsayılan:
false Poligonun yere bağlanıp bağlanmayacağını belirtir. Bir poligonu ekstrüde etmek için
altitudeMode , RELATIVE_TO_GROUND veya ABSOLUTE olmalıdır.HTML özelliği:
|
fillColor |
Tür:
string optional Dolgu rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
geodesic |
Tür:
boolean optional Varsayılan:
false true olduğunda poligonun kenarları jeodezik olarak yorumlanır ve Dünya'nın eğriliğini takip eder. false olduğunda, çokgenin kenarları ekran alanında düz çizgiler olarak oluşturulur.HTML özelliği:
|
innerCoordinates |
Tür:
Iterable<Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral>> optional Kapalı bir döngüyü belirleyen sıralı koordinatlar dizisi. Çoklu çizgilerin aksine, bir poligon bir veya daha fazla yoldan oluşabilir. Bu yollar, poligonun içinde birden fazla kesik oluşturur. |
outerCoordinates |
Tür:
Iterable<LatLngAltitude|LatLngAltitudeLiteral|LatLngLiteral> optional Kapalı bir döngüyü belirleyen sıralı koordinatlar dizisi. Yükseklik, belirli modlarda yoksayılır ve bu nedenle isteğe bağlıdır. |
strokeColor |
Tür:
string optional Çizgi rengi. Tüm CSS3 renkleri desteklenir.
HTML özelliği:
|
strokeWidth |
Tür:
number optional Kontur genişliği (piksel cinsinden).
HTML özelliği:
|
zIndex |
Tür:
number optional Diğer çokgenlere kıyasla zIndex.
HTML özelliği:
|
Yöntemler | |
---|---|
|
addEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Belirtilen etkinlik hedefe her teslim edildiğinde çağrılacak bir işlev ayarlar. addEventListener bölümünü inceleyin. |
|
removeEventListener(type, listener[, options]) Parametreler:
İade Değeri:
void Daha önce addEventListener ile kaydedilmiş bir etkinlik işleyiciyi hedeften kaldırır. removeEventListener başlıklı makaleyi inceleyin. |
Polygon3DElementOptions arayüzü
google.maps.maps3d.Polygon3DElementOptions
arayüz
Polygon3DElement üzerinde ayarlanabilecek özellikleri tanımlamak için kullanılan Polygon3DElementOptions nesnesi.
Ö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. |