Cbs için geliştirilmiş panorama kullanım aracı.
GET https://cbspanorama.ibb.gov.tr/assets/CbsPanorama.js
orientation {yaw: number, pitch: number, fov: number}: Bakış parametreleri, yaw yatay bakış açısı, pitch: dikey bakış açısı, fov görüş açısı
Panorama penceresini açar
Panorama penceresini saklar
Maplibre üzerinde haritadan tıklaıp panorama açma, görüş ikonunun renderlanması gibi fonksiyonların konfigürasyonunu yapar.
Panorama objesini sıfırlar ve sonradan yeniden kullanılabilecek hale getirir
En son bakılan görseldeki bakış parametrelerini döner. {yaw: number, pitch: number, fov: number}
mapClickEnabled: Haritaya basılarak panorama açılma durumu. Eğer açılacaksa, default olarak id'si "panorama-checkbox" olan checkbox checked olduğu durumda tıklamalar çalışır. checkbox id'si özelleştirilmek istenirse:
orientation {yaw: number, pitch: number, fov: number}: Panorama ilk oluşturulduğunda başlangıç bakış parametreleri
<script src="https://cbspanorama.ibb.gov.tr/assets/CbsPanorama.js"></script>
<div class="toggle-button last" id="panorama-toggle">
<input type="checkbox" id="panorama-checkbox" name="panorama-click" />
<label for="panorama-click">Open Panorama On Click</label>
</div>
<div id="panorama-container"">
<div id="panorama-top-bar">
<div>
<button id="panorama-close-button">Close Panorama</button>
</div>
</div>
<iframe id="panorama-iframe" src=""></iframe>
</div>
// Panorama Konfigürasyon
PanoramaModule.Panorama.ConfigurePanorama({
environment: 'production',
panoramaType:'2018',
token: '00000000-0000-0000-0000-000000000000',
mapClickEnabled: true
});
// Maplibre konfigürasyon
const map = new maplibregl.Map({
// ...
});
map.on('load', async function () {
// ...
PanoramaModule.Panorama.ConfigureMapLibreMap(map, maplibregl);
// ...
}