cesium集成指南针插件cesium-navigation-e

首先我们确定你已经完成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