《Cesium 进阶知识点》 - cesium-navigation-es6 插件(导航、罗盘、比例尺、缩放等)

参考

Github、 npm 

安装

npm i cesium-navigation-es6

引入

import CesiumNavigation from "cesium-navigation-es6";

使用

let options = {
    // 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和Cesium.Rectangle.
    defaultResetView: Cesium.Cartographic.fromDegrees(110, 30, 2000000),
    // 罗盘
    enableCompass: true,
    // 缩放控件
    enableZoomControls: true,
    // 距离图例
    enableDistanceLegend: true,
    // 指南针外环
    enableCompassOuterRing: true
};
let viewer = window.sceneCtrl[this.containerId].viewer;
CesiumNavigation(viewer, options);

效果

说明

1、我使用的是vue2和低版本的，所以没问题，但在Vue3 + 高版本中报错。可参考这位大佬：Vue+Cesium1.81+cesium-navigation-es6配置详解+问题解决。

2、还有一位国外的大佬开发的，暂时没使用，也可参考 GitHub。