首先我们确定你已经完成cesium的基本配置，能成功加载地球。（本教程不涉及初始化配置，由于比较繁琐。）
本教程只提供安装指南针插件 cesium-navigation-es6 步骤
- 1、下载指定版本
cnpm i cesium-navigation-es6@1.0.9 -S
- 2、引入插件
import CesiumNavigation from 'cesium-navigation-es6/viewerCesiumNavigationMixin'
- 3、修改源文件（由于会出现两中错误报错，所以修改源文件，具体原理 Cesium 1.63 版本之前是用的AMD的方式进行编译的）
``` 报错信息："export ‘default’ (imported as ‘Cesium’) was not found in ‘cesium/Cesium’ ```
``` Erroris not a function" in mounted hook:"TypeError: defineProperties ```
1、将源文件 import Cesium from 'cesium/Cesium' 全部改成 let Cesium = require('cesium/Cesium');
2、将源文件 defineProperties 全部修改成 Object.defineProperties;
1682261183325.png
1682261088377.png
- 4、大功告成
let options = {};
// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.
options.defaultResetView = Cesium.Rectangle.fromDegrees(80, 22, 130, 50);
// 用于启用或禁用罗盘。true是启用罗盘，false是禁用罗盘。默认值为true。如果将选项设置为false，则罗盘将不会添加到地图中。
options.enableCompass = true;
// 用于启用或禁用缩放控件。true是启用，false是禁用。默认值为true。如果将选项设置为false，则缩放控件将不会添加到地图中。
options.enableZoomControls = false;
// 用于启用或禁用距离图例。true是启用，false是禁用。默认值为true。如果将选项设置为false，距离图例将不会添加到地图中。
options.enableDistanceLegend = false;
// 用于启用或禁用指南针外环。true是启用，false是禁用。默认值为true。如果将选项设置为false，则该环将可见但无效。
options.enableCompassOuterRing = true;
CesiumNavigation(viewer, options);
- 5、结语
感谢博主给出指导意见
摘自：https://blog.csdn.net/qq_34504481/article/details/116789458
