implement zoom controls

CesiumJS
1

1. A concise explanation of the problem you're experiencing.

i want to implement zoom panzoom controls over cesium

2. A minimal code example. If you've found a bug, this helps us reproduce and repair it.

if i add this code:

<div class="leaflet-top leaflet-left">
                <div class="leaflet-bar leaflet-control"> <a class="leaflet-control-zoom-in" href="#" title="Zoom in">+</a> <a class="leaflet-control-zoom-out" href="#" title="Zoom out">-</a> </div>
                </div>
                
            </div>

show the buttons on cesium but of course doesn't work, i linked the libraries to:

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>
  
that looks for a div called globe, not work in cesiumContainer.

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

zoom controls are really necesary if i want to zoom in zoom out with buttons and not with mouse wheel or fingers ticks.

4. The Cesium version you're using, your operating system and browser.
1.56.1 - 2019-04-02 windows 10 chrome

2

CesiumJS doesn’t come with built-in buttons for controlling the camera. This is something you’d have to create yourself. For example, you would add a JavaScript event listener to detect when the button was pressed, and then call the Cesium camera functions like zoomIn (https://cesiumjs.org/Cesium/Build/Documentation/Camera.html?classFilter=camera#zoomIn).

You might be interested in using the Terria (https://terria.io/) library, which is built on top of Cesium, and already provides a lot of these controls. You can see their demo here: https://map.terria.io/