如何将导航按钮添加到sceneView？

<button id="zoomInBtn">放大</button>
<button id="zoomOutBtn">缩小</button>

const zoomInBtn = document.getElementById('zoomInBtn');
const zoomOutBtn = document.getElementById('zoomOutBtn');

zoomInBtn.addEventListener('click', function() {
    // 执行放大操作
    sceneView.goTo({
        scale: sceneView.scale * 0.5
    });
});

zoomOutBtn.addEventListener('click', function() {
    // 执行缩小操作
    sceneView.goTo({
        scale: sceneView.scale * 2
    });
});

const zoomInBtn = document.getElementById('zoomInBtn');
const zoomOutBtn = document.getElementById('zoomOutBtn');

zoomInBtn.addEventListener('click', function() {
    // 执行放大操作
    sceneView.goTo({
        scale: sceneView.scale * 0.5
    });
});

zoomOutBtn.addEventListener('click', function() {
    // 执行缩小操作
    sceneView.goTo({
        scale: sceneView.scale * 2
    });
});

const navigationDiv = document.createElement('div');
navigationDiv.classList.add('esri-widget');
navigationDiv.classList.add('custom-navigation');

navigationDiv.appendChild(zoomInBtn);
navigationDiv.appendChild(zoomOutBtn);

sceneView.ui.add(navigationDiv, 'top-right');