Cesium的ViewToolbar样例代码

以下是一个基本的Cesium ViewToolbar的样例代码：

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

var toolbar = document.getElementById('toolbar');

var homeButton = document.createElement('button');
homeButton.innerHTML = 'Home';
toolbar.appendChild(homeButton);

homeButton.addEventListener('click', function() {
    viewer.camera.flyHome(1.5);
});

var zoomInButton = document.createElement('button');
zoomInButton.innerHTML = 'Zoom In';
toolbar.appendChild(zoomInButton);

zoomInButton.addEventListener('click', function() {
    var camera = viewer.camera;
    var factor = 1.5;
    var direction = camera.direction;
    var mag = Cesium.Cartesian3.magnitude(direction);
    var movement = Cesium.Cartesian3.multiplyByScalar(direction, factor / mag, new Cesium.Cartesian3());
    camera.move(movement);
});

var zoomOutButton = document.createElement('button');
zoomOutButton.innerHTML = 'Zoom Out';
toolbar.appendChild(zoomOutButton);

zoomOutButton.addEventListener('click', function() {
    var camera = viewer.camera;
    var factor = 1.5;
    var direction = camera.direction;
    var mag = Cesium.Cartesian3.magnitude(direction);
    var movement = Cesium.Cartesian3.multiplyByScalar(direction, -factor / mag, new Cesium.Cartesian3());
    camera.move(movement);
});

此代码将在Cesium Viewer上创建一个视图工具栏，其中包含Home，Zoom In和Zoom Out按钮。单击Home按钮将使相机飞回到初始位置和方向。单击Zoom In和Zoom Out按钮将按比例缩放相机。您可以根据自己的需要添加更多按钮并添加更多功能。