cesium-navigation-es6-plugin
v1.1.7
Published
cesium-navigation-es6-plugin
Downloads
52
Readme
cesium-navigation-es6-plugin
Cesiumjs SDK 默认不包括罗盘,导航仪(放大/缩小)和距离刻度。 这个导航插件可为用户提供更多的导航控制和功能。其中一些功能是:将罗盘重置为指向北部,重置轨道,并将视图重置为默认边界。
为什么你修改cesium-navigation-es6插件? 本插件只修改了cesium-navigation-es6引入cesium对象的路径。
因为项目使用vue-cli-plugin-cesium插件引入cesium的方式,导致cesium-navigation-es6原本代码中采用的是 import { defined, DeveloperError } from 'cesium/Source/Cesium.js' 无法导入Cesium下的对象 所以将引入路径全部改为cesium/Cesium,以此为满足在使用vue-cli-plugin-cesium插件中,可以使用cesium-navigation-es6插件。如果不是使用vue-cli-plugin-cesium插件,请去原代码库下载即可。
Demo
Code Demo
https://github.com/richard1015/cesium-vue-example /(cesium-print,cesium-navigation-es6)
How to use it?
QuickStart
$ npm install cesium-navigation-es6-plugin --save
<template>
<div id="cesiumContainer"></div>
</template>
<script type="text/javascript">
import {
Viewer,Rectangle
} from "cesium/Cesium";
import 'cesium/Build/Cesium/Widgets/widgets.css';
import CesiumNavigation from "cesium-navigation-es6-plugin";
let viewer = new Viewer("cesiumContainer");
var options = {};
// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.
options.defaultResetView = 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);
Other Cesium Plugin
参考文章
https://blog.csdn.net/Prepared/article/details/68940997?locationNum=10&fps=1