Cesium指南針

cesium里面沒有指南針

需要安裝其他的插件： cesium-navigation-es6

npm i cesium-navigation-es6 -S

安裝好之后在mainjs里引入

import CesiumNavigation from 'cesium-navigation-es6'

配置一下CesiumNavigation的全局變量

Vue.prototype.CesiumNavigation = CesiumNavigation

在vue頁面的初始化里加上

var options = {}
      // 用於在使用重置導航重置地圖視圖時設置默認視圖控制。接受的值是Cesium.Cartographic 和Cesium.Rectangle.
      options.defaultResetView = this.Cesium.Cartographic.fromDegrees(115, 30, 2000000);
      // 用於啟用或禁用羅盤。true是啟用羅盤，false是禁用羅盤。默認值為true。如果將選項設置為false，則羅盤將不會添加到地圖中。
      options.enableCompass= true;
      // 用於啟用或禁用縮放控件。true是啟用，false是禁用。默認值為true。如果將選項設置為false，則縮放控件 將不會添加到地圖中。
      options.enableZoomControls= true;
      // 用於啟用或禁用距離圖例。true是啟用，false是禁用。默認值為true。如果將選項設置為false，距離圖例將不會添加到地圖中。
      options.enableDistanceLegend= true;
      // 用於啟用或禁用指南針外環。true是啟用，false是禁用。默認值為true。如果將選項設置為false，則該環將可見但無效。
      options.enableCompassOuterRing= true;
      this.CesiumNavigation(this.viewer, options);

地球上就會出現 羅盤 放大縮小 比例尺，根據自己的需求更改顏色或位置

=========================2020.1.3============================

如果說你安裝了該插件，最后運行報錯，如下：

* cesium in ./node_modules/cesium-navigation-es6/CesiumNavigation.js, ./node_modules/cesium-navigation-es6/core/registerKnockoutBindings.js and 8 others

那么你就得去關注一下你的 cesium-navigation-es6的版本了  1.0.9這個版本是可用的 

安裝：

npm i cesium-navigation-es6@1.0.9 -S