How to ZOOM to KML ?

CesiumJS
1

Hello,

I need to zoom to my loaded KML in javascript.

This is my source code inside my index.html

// Load my QGIS published KML -----------------------------

    var viewer = new Cesium.Viewer('cesiumContainer');

    viewer.dataSources.add(Cesium.KmlDataSource.load('gaetaDoc.kml'));
    
// How to FlyTo or ZoomTo the extents of a KML file? Something like:
// viewer.camera.flyTo(

What is the correct syntax ?

Thank you for any help

Roberto

2

var viewer = new Cesium.Viewer(‘cesiumContainer’);

var promise = viewer.dataSources.add(Cesium.KmlDataSource.load(‘gaetaDoc.kml’));

// when the DS done loading datam fly to it (flyTo would get the resolved value which is the filled data source)

Cesium.when(promise, viewer.flyTo);

3

Yonatan,

I changed your code and now it works :

var promise = viewer.dataSources.add(Cesium.KmlDataSource.load('gaetaDoc.kml'));
Cesium.when(viewer.flyTo(promise));

Correct ?

Thank you for the suggestion

Roberto

4

Yea. I forgot that flyTo also accepts a promise. Cheers :slight_smile:

5

You don’t need the Cesium.when either. The below works fine.

var promise = viewer.dataSources.add(Cesium.KmlDataSource.load(‘gaetaDoc.kml’));
viewer.flyTo(promise);

6

Yes, thanks. But, "Cesium.when(viewer.flyTo(promise));" zoom only
after fully loaded KML.
In my case it works better.

Great !

:slight_smile:

Roberto

7

They are both supposed to run after the KML fully loaded. The
"Cesium.when(viewer.flyTo(promise)" is supposed to give you the ability to
do something after flight was over -
Cesium.when(viewer.flyTo(promise, someMethodAfterFlight)
Haven't tried either, but according to docs it's supposed to work :slight_smile: