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