Hi, whenever I fly to a Rectangle, the camera tightly fits the Rectangle on screen like the image below - [Screenshot from 2022-04-19 13-11-14] But I want some buffer around the Rectangle so that Rectangle appear in the middle of the screen with some space around after the flight completes, somet…

Hi @atul-sd , I recommend moving the viewing window further from the target object using the Camera object: https://cesium.com/learn/cesiumjs/ref-doc/Camera.html?classFilter=camera Updating Camera.position might do the trick. Best, Sam

Hi @sam.rothstein , Thanks for your reply, can you please provide an example, I still couldn’t figure it out. Edit 1 I tried to zoom out the camera once the flight is complete. It works but it’s not smooth as the camera zooms out suddenly after a smooth flight transition- this.map.camera.flyTo({ …

Hi, I got it finally working by finding the final position of the camera to view the rectangle and then subtracting height by 30% - const rectCarto = Cartographic.fromCartesian( this.map.camera.getRectangleCameraCoordinates(bbox) ); // zoom out 30% from whatever height camera at rectCarto.heig…

You can add offset values on the bbox to view rectangle. Check this <a href="https://sandcastle.cesium.com/#c=jVRNj9MwEP0ro+6liNYpAsRumlZIAQkkxErsir304iaTxqxjL7bTqqz63xk7SZOwPZBDNX7z8d48J820sg72Ag9oYAUKD5CiFXXFfgZsuplk4Zxq5bhQaDaTV8uN2iiALPQekH5WML9ZsMWyh62uXUn42+sRjLypvv4wgpU2ofrdeIjBzHG1k0ipVtaPDmKF0dUn3BlEO/UtEKTMmjDQt7HnbMPA48PxDrooLHpdC/Z+QO9tue1S/8kP83baUMi/YHDh9RhrLOjATiO0d8MyXqHhrJDHez19blpy4hOKO6FVPBAbBp66DaMI7kp9AFdi7ycD+K69v79rYTBfwq+aFBXagKVaNuBF5YQTaBnP8473PCaGFvGOaZN7MWjjvmDWpQshZQwFl7bHyBlJb1QMztQv0FRLbeLO9XBiD1++3n9uC0/9lpPZJLHuKHHdzfgoqieyE2ojp4xFDqsn6ZVF2zp7RMcyazt7/HPld01LUoz5WcdV43gL94uS7cLSuGNMV6Zw2eNbnj3ujK5VPs8a9d7aPt+Ch1K4vu3UBEk03CDJxR5Evrrw8UEmubWUKWop78Qf3EzWSUT1L1ql5nQhu9s9GlLry8o3628NyBhLIjpe7nRayy0nsrOhfW5gFeX9nwS0x+Gs0QpDH6knDedLXcP4Lw" rel="noopener nofollow ugc">example .

hi @Jacky , thanks for your response. I saw a similar solution on Stackoverflow and tried it but it was not working correctly for me for some reason, so I resorted to the above solution

But my given example is working…

Yup, appreciate that. I’ll try it out in my code.

Hi @sam.rothstein , I tried my above solution with a couple of different custom terrains and it doesn’t work properly. While flying, the camera goes under the terrain instead of keeping the rectangle in view. I found one Github issue referring to the same issue - flyTo with Rectangle doesn't play w…

Thanks, @Jacky ! @atul-sd , please give this a try.

Zoom to Rectangle with some buffer around it

CesiumJS

Jacky April 29, 2022, 11:55am 11

Please check this similar post.

Topic		Replies	Views
Camera fly to rectangle on terrain CesiumJS	6	337	June 11, 2025
Get Rectangle/Wall position from Camera View CesiumJS	7	395	August 8, 2017
How does cesium zoom to the bounding box? CesiumJS	3	1030	February 15, 2022
can i flyto/zoom to a bounding box? CesiumJS	3	1206	March 14, 2024
Help flying to a Rectangle using sceneMode: Cesium.SceneMode.SCENE2D CesiumJS	4	339	March 20, 2020

Zoom to Rectangle with some buffer around it

Related topics