cesium-navigation-es6（非require，es6引用）(转)

为什么你建立cesium-navigation插件？

插件形式不影响之前项目使用，es6 使用

首先，所有的Cesiumjs sdk 不包括罗盘，导航仪（放大/缩小）和距离刻度。您可以使用鼠标在地图上导航，但这个导航插件可为用户提供更多的导航控制和功能。其中一些功能是：将罗盘重置为指向北部，重置轨道，并将视图重置为默认边界。

How to use it?

 

QuickStart

$ npm install cesium-navigation-es6 --save

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<template>   <div id="cesiumContainer"></div> </template> <script type="text/javascript"> import Cesium from "cesium/Cesium"; import "cesium/Widgets/widgets.css"; import CesiumNavigation from "cesium-navigation-es6";   var options = {}; // 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle. options.defaultResetView = Cesium.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;   let viewer = new Cesium.Viewer("cesiumContainer"); CesiumNavigation(viewer, options);

　　

插件github地址

https://github.com/richard1015/cesium-navigation-es6

参考文章

https://www.jianshu.com/p/dd364b59b774

https://www.jianshu.com/p/fb237c7eb48c

https://blog.youkuaiyun.com/Prepared/article/details/68940997?locationNum=10&fps=1