cesium指北针插件--cesium-navigation-es6

2,125 阅读1分钟

1、cesium-navigation-es6:

是一个cesium的插件,提供指南针、导航仪和距离刻度用户图形界面。

2、为什么使用cesium-navigation-es6?

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

3、安装

npm i cesium-navigation-es6

4、使用

import CesiumNavigation from "cesium-navigation-es6"; 
const options = <any>{     
    // 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和Cesium.Rectangle.     
    defaultResetView: Cesium.Cartographic.fromDegrees(110, 30, 2000000),           
    // 罗盘     
    enableCompass: true,     
    // 缩放控件     
    enableZoomControls: true,     
    // 距离图例     
    enableDistanceLegend: true,     
    // 指南针外环     
    enableCompassOuterRing: true 
}; 
new CesiumNavigation(viewer, options);

5、实现效果

image.png

项目地址:github.com/DLFouge/vue…

欢迎指正与star