cesium-navigation 使用(非require，es6引用)

时间 2019-12-12

标签 cesium navigation 使用 require es6 引用栏目 JavaScript 繁體版

原文原文链接

This is a Cesium plugin that adds to the Cesium map a user friendly compass, navigator (zoom in/out), and distance scale graphical user interface.javascript

Demo

cesium plugin /democss

Code Demo

github.com/richard1015…vue

Why did you build it?java

First of all the Cesiumjs sdk does not includes a compass, navigator (zoom in/out), and distance scale. You can use the mouse to navigate on the map, but this navigation plugin offers more navigation control and capabilities to the user. Some of the capabilities are: reset the compass to point to north, reset the orbit, and reset the view to a default bound.git

为何你创建cesium-navigation插件？es6

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

How to use it?npm

QuickStart

$ npm install cesium-navigation-es6 --save
复制代码

<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); 复制代码

Other Cesium Plugin

cesium-print /githubbash

参考文章

www.jianshu.com/p/dd364b59b…ui

www.jianshu.com/p/fb237c7eb…

blog.csdn.net/Prepared/ar…