WebGL

WebGLOverlayView sınıfı

google.maps.WebGLOverlayView sınıf

WebGL Yer Paylaşım Görünümü, Google Haritalar Platformu'nun vektör temel haritasını oluşturmak için kullandığı WebGL görüntüleme bağlamına doğrudan erişim sağlar. Paylaşılan oluşturma bağlamının bu şekilde kullanılması, 3D bina geometrisinde derinliği kapatma ve 2D/3D içeriği temel harita oluşturma işlemiyle senkronize etme gibi avantajlar sağlar.

WebGL Yer Paylaşımlı Görüntüleme ile, doğrudan WebGL'yi veya Three.js ya da deste.gl gibi popüler Grafik kitaplıklarını kullanarak haritalarınıza içerik ekleyebilirsiniz. Yer paylaşımını kullanmak için google.maps.WebGLOverlayView öğesini genişletebilir ve şu yaşam döngüsü kancalarının her biri için bir uygulama sağlayabilirsiniz: WebGLOverlayView.onAdd, WebGLOverlayView.onContextRestored, WebGLOverlayView.onDraw, WebGLOverlayView.onContextLost ve WebGLOverlayView.onRemove.

onRemove() yöntemini tetiklemek için onAdd() ve setMap(null) yöntemine yapılan çağrıyı tetiklemek üzere WebGLOverlayView.setMap öğesini geçerli bir Map nesnesiyle çağırmanız gerekir. setMap() yöntemi, yapım sırasında veya daha sonra herhangi bir zamanda, yer paylaşımının kaldırıldıktan sonra yeniden gösterilmesi gereken zamanda çağrılabilir. Daha sonra, yakınlaştırma, merkez veya harita türü gibi öğenin konumunu değiştirebilecek bir harita mülkü değiştiğinde onDraw() yöntemi çağrılır. WebGLOverlayView yalnızca MapOptions.mapId öğesine sahip bir vektör haritasına eklenebilir (RenderingType.VECTOR MapOptions.renderingType olarak ayarlanmış ve MapOptions.mapId olarak Map.DEMO_MAP_ID kullanılan haritalar dahil).

Bu sınıfın kapsamı MVCObject.

const {WebGLOverlayView} = await google.maps.importLibrary("maps") numaralı telefonu arayarak erişin. Haritalar JavaScript API'sindeki Kitaplıklar konusuna bakın.

WebGLOverlayView
WebGLOverlayView()
Parametreler: Yok
WebGLOverlayView oluşturur.
getMap
getMap()
Parametreler: Yok
Dönüş Değeri:  Map|null|undefined
onAdd
onAdd()
Parametreler: Yok
Return Value: Yok
Bindirme çizilmeden önce, WebGL oluşturma içeriğine hemen erişim gerektirmeyen ara veri yapılarını getirmek veya oluşturmak için bu yöntemi uygulayın. Oluşturmak için bu yöntem uygulanmalıdır.
onContextLost
onContextLost()
Parametreler: Yok
Return Value: Yok
Bu yöntem, oluşturma bağlamı herhangi bir nedenle kaybolduğunda çağrılır ve artık gerekli olmadığı için önceden mevcut olan GL durumlarını temizlemeniz gereken yerdir.
onContextRestored
onContextRestored(options)
Parametreler: 
  • options:  Geliştiricilerin GL bağlamını geri yüklemelerine olanak tanıyan WebGLStateOptions.
Return Value: Yok
Bu yöntem, oluşturma bağlamı mevcut olduğunda çağrılır. Gölgelendiriciler veya arabellek nesneleri gibi herhangi bir WebGL durumunu başlatmak ya da bağlamak için bunu kullanın.
onDraw
onDraw(options)
Parametreler: 
  • options:  Geliştiricilerin ilişkili bir Google temel haritasına göre içerik oluşturmasına olanak tanıyan WebGLDrawOptions.
Return Value: Yok
WebGL içeriğini doğrudan harita üzerine çizmek için bu yöntemi uygulayın. Yer paylaşımı için yeni bir kare çizilmesi gerekiyorsa WebGLOverlayView.requestRedraw yöntemini çağırın.
onRemove
onRemove()
Parametreler: Yok
Return Value: Yok
Bu yöntem, bindirme WebGLOverlayView.setMap(null) içeren haritadan kaldırıldığında çağrılır ve tüm ara nesneleri kaldırmanız gereken yöntemdir. Oluşturmak için bu yöntem uygulanmalıdır.
onStateUpdate
onStateUpdate(options)
Parametreler: 
  • options:  Geliştiricilerin GL bağlamını geri yüklemesine olanak tanıyan WebGLStateOptions.
Return Value: Yok
Oluşturma animasyon çerçevesinin dışındaki GL durum güncellemelerini işlemek için bu yöntemi uygulayın.
requestRedraw
requestRedraw()
Parametreler: Yok
Return Value: Yok
Haritayı bir kareyi yeniden çizmesi için tetikler.
requestStateUpdate
requestStateUpdate()
Parametreler: Yok
Return Value: Yok
Haritayı GL durumunu güncellemek üzere tetikler.
setMap
setMap([map])
Parametreler: 
  • mapMap optional Div, model ve görünüm durumuna erişmek için harita.
Return Value: Yok
Bindirmeyi haritaya ekler.
Devralındı: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll

WebGLDrawOptions arayüzü

google.maps.WebGLDrawOptions arayüz

Çizim seçenekleri.

gl
Bu WebGLOverlayView'un oluşturulacağı WebGLRenderingContext.
transformer
Kamera boşluğundan enlem/boylam koordinatlarına matris dönüşümü.

WebGLStateOptions arayüzü

google.maps.WebGLStateOptions arayüz

GL durum seçenekleri.

gl
Bu WebGLOverlayView'un oluşturulacağı WebGLRenderingContext.

CoordinateTransformer arayüzü

google.maps.CoordinateTransformer arayüz

Bu arayüz, WebGL sahnelerini Google'ın temel haritasının üzerinde görüntülemek üzere kullanmak üzere matrisler oluşturmak için kullanışlı yöntemler sağlar.

Not: Bu nesneye yapılan bir referans, kapsayıcı WebGLOverlayView.onDraw çağrısının kapsamı dışında tutulmamalıdır.

fromLatLngAltitude
fromLatLngAltitude(latLngAltitude[, rotations, scale])
Parametreler: 
Dönüş Değeri:  Float64Array WebGL ile kullanılacak MVP matrisi.
getCameraParams
getCameraParams()
Parametreler: Yok
Dönüş Değeri:  CameraParams kamera parametresi

CameraParams arayüzü

google.maps.CameraParams arayüz

WebGLOverlayView için kullanılan GL kameranın parametreleri gibi kamera parametrelerini almak için kullanılır.

Bu arayüz CameraOptions kapsamını genişletir.

center
Tür:  LatLng
heading
Tür:  number
tilt
Tür:  number
zoom
Tür:  number