cesium 指南针、比例尺

cesium 里面没有指南针,需要安装其他插件:cesium-navigation-es6

安装 cesium-navigation-es6 插件

npm i cesium-navigation-es6 -S

安装好之后在main.js里引入

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);

地球上就会出现 罗盘 放大缩小 比例尺

上一篇:在vue-cli4.x 中使用cesium1.8


下一篇:Cesium取代leaflet,和Vue等前端框架结合