vue3 Cesium添加罗盘

安装cesium-navigation-es6

npm install cesium-navigation-es6 --save

初始化添加：

import CesiumNavigation from 'cesium-navigation-es6'  
const options = {
    duration: 1, // 默认为3s 相机延时
    enableCompass: true, //罗盘
    enableZoomControls: true, //缩放
    enableDistanceLegend: true, //比例尺
    enableCompassOuterRing: true, //指南针外环
    // 修改重置视图的tooltip
    resetTooltip: "重置视图",
    // 修改放大按钮的tooltip
    zoomInTooltip: "放大",
    // 修改缩小按钮的tooltip
    zoomOutTooltip: "缩小",
  };
  let thing = new CesiumNavigation(viewer, options);

效果如下：