Cesium 指北针、导航罗盘、缩放按钮

通过对cesium-navigation-umd进行编译适配自己这边的代码

Cesium挂载在Windows下，通过在html文件中引用CesiumNavigation.umd.js和cesium-navigation.css这两个文件来实现指北针和导航罗盘、缩放按钮；

这两个文件是自己为了适配自己的代码重新进行编译过的（去掉了依赖安装以及进行了简单的扩展来适配自己的项目）。

加载代码：

  //注册导航栏var options = {};// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.options.defaultResetView = {destination: Cesium.Cartesian3.fromDegrees(config.defaultResetView.x,config.defaultResetView.y,config.defaultResetView.z,),duration: config.defaultResetView.duration,orientation: {heading: window.Cesium.Math.toRadians(config.defaultResetView.heading), // 水平偏角，默认正北 0pitch: window.Cesium.Math.toRadians(config.defaultResetView.pitch), // 俯视角，默认-90，垂直向下},};// 用于启用或禁用罗盘。true是启用罗盘，false是禁用罗盘。默认值为true。如果将选项设置为false，则罗盘将不会添加到地图中。options.enableCompass = true;// 用于启用或禁用缩放控件。true是启用，false是禁用。默认值为true。如果将选项设置为false，则缩放控件将不会添加到地图中。options.enableZoomControls = true;// 用于启用或禁用距离图例。true是启用，false是禁用。默认值为true。如果将选项设置为false，距离图例将不会添加到地图中。options.enableDistanceLegend = true;// 用于启用或禁用指南针外环。true是启用，false是禁用。默认值为true。如果将选项设置为false，则该环将可见但无效。options.enableCompassOuterRing = true;CesiumNavigation.umd(window.viewer, options);

其中对视角还原进行了扩展，实现了视角duration、heading、pitch参数的实现

Ceisum包下载链接（扩展后）

Cesium 指北针、导航罗盘、缩放按钮相关推荐

IOS设置导航栏返回按钮，并添加事件返回主页面
IOS设置导航栏返回按钮,并添加事件返回主页面前提是已经push了一个viewController了.才能使用. XXXTableViewController 里面书写 - (void)viewDi ...
Swift - 重写导航栏返回按钮
// 重写导航栏返回按钮方法 func configBackBtn() -> Void { // 返回按钮 let backButton = UIButton(type: .custom) // ...
去掉 iOS 导航栏返回按钮文本三种方案
作者 | 街角仰望责编 | 欧阳姝黎方案一自定义 UINavigationController 遵守 UINavigationBarDel 协议实现下面方法: #pragma ma ...
钉钉导航栏分享按钮的显示/隐藏
钉钉导航栏分享按钮的显示/隐藏隐藏进行钉钉开发后,打开应用时右上角会有三个小点点"-",打开之后会显示一些分享功能或者查看链接的功能,这样对于应用的安全是存在隐患的,那么如何来 ...
android百度地图设置logo，缩放按钮，指南针的位置
我们在使用百度地图的SDK时,有时地图上的logo,缩放按钮以及指南针的位置可能与我们自己的空间位置发生冲突,这就需要去手动调节这些小控件的位置以及是否显示等问题. 设置指南针的位置: android ...
arcgis for js 4 隐藏缩放按钮及底部powered by ESRI
话不多说,如果要实现去掉地图上默认的缩放按钮和Esri Logo的话可以通过 require(["esri/views/MapView", ... ], function(MapV ...
实现掘金导航栏+float按钮其实可以很简单
相信经常使用掘金APP的用户来说应该会很熟悉掘金客户端的滑动效果,滑动时适时的隐藏掉Title和底部导航栏,使得更多的内容显示在用户的界面上,从而增加用户的阅读体验. 在本文中将带你使用第三方库来简单 ...
【web前端特效源码】使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3+JavaScript制作一个果冻导航标签栏图标按钮效果~~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: < ...
30个优秀的CSS导航菜单和按钮教程
在web设计中,CSS是最重要的组成部分.为了让大家更好的了解如何通过CSS来设计,下面就分享30个优秀的CSS导航菜单和按钮.通过这些教程,你可以更好的从中学习.enjoy! 01. Advance ...

Cesium 指北针、导航罗盘、缩放按钮

Cesium 指北针、导航罗盘、缩放按钮相关推荐

最新文章

热门文章