为什么你建立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.csdn.net/Prepared/article/details/68940997?locationNum=10&fps=1