基于Cesium的指南针插件

因为cesium自身没有携带指南针插件，所以需要引用其他的插件
这里我采用的是：CesiumNavigation.umd
作者github库：CesiumNavigation.umd
由于国内访问慢，我把库引到了gitee上，便于国内访问：CesiumNavigation.umd
也可以直接在这里下载使用：CesiumNavigation.umd

使用方法

在html文件中引用Cesium和Cesium必要样式表
在html文件中引用CesiumNavigation.umd.js和cesium-navigation.css


<link rel="stylesheet" href="./vendors/libs/Cesium/Widgets/widgets.css" />
<link rel="stylesheet" href="./vendors/libs/cesium-navigation/cesium-navigation.css" />
<script type="text/javascript" src="./vendors/plugins/screen-shoot/canvas2image.js"></script>
<script type="text/javascript" src="./vendors/libs/Cesium/Cesium.js"></script>

初始化viewer 调用 CesiumNavigation.umd(viewer, options)


var viewer = new Cesium.Viewer('cesiumContainer', {imageryProvider: false,baseLayerPicker: false,timeline: false,infoBox: false,navigationHelpButton: false,fullscreenButton: false,animation: false,geocoder: false,homeButton: false,sceneModePicker: false
});//初始化指北针
let options = {}// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.
options.defaultResetView = Cesium.Rectangle.fromDegrees(112.6923215, 37.926471, 20500)
// 用于启用或禁用罗盘。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(viewer, options)

效果

基于Cesium的指南针插件相关推荐

基于Cesium使用自定义着色器的资源总结
基于Cesium使用自定义着色器的资源总结二维几何着色器 Cesium.js着色器的简单实现 B站:cesium着色器的介绍及使用 cesium添加自己的着色器(我没复现出来) 基于3DTile着色 ...
[cesium] 基于Cesium的动态泛光效果示例
抽空将之前的功能单独抽出来写成一个模块,方便单独调用,配合单个模块写了一些示例可以兼容各个基于cesium底层库的三方框架,引入即可. 效果模型光源模拟动态泛光墙泛光面城市泛光线建筑物调整 ...
基于 Cesium 的Web三维地球客户端程序开发框架
Mars3D三维可视化平台,是火星科技研发的一款基于 WebGL 技术实现的三维客户端开发平台,基于Cesium优化提升与B/S架构设计,支持多行业扩展的轻量级高效能GIS开发平台,能够免安装.无插件 ...
[cesium] | 视域分析 | 基于cesium的可视域效果
效果说明基于cesium的可视域有需要的自提插件地址:传送门在线访问:传送门2
python3 运行you get_一个基于Python3的神奇插件——you-get
今天我们要介绍一个基于Python3的神奇插件--you-get.使用它可以非常轻松地在一些指定网站下载视频.音频.图片等文件,且操作简单.下面我们简单介绍一下如何使用该插件. 一.安装you-get ...
ESP32 ESP-IDF开发环境搭建，Windows下基于ESP-IDF | Cmake | VScode插件的 ESP32 开发环境搭建
之前的一篇博客 Windows上基于ESP-IDF搭建ESP32开发环境发布后,深受好评.几个月过去了,乐鑫的esp-idf-tools安装工具发生了较大的变化,VsCode插件的功能也愈加完善 ...
ES | CentOS下基于ElasticSearch的head插件安装
文章目录: ▶ 环境要求 ▶ node下载 ▶ node安装 ▶ head插件下载 ▶ head插件安装 ▶ 启动ElasticSearch-head ▶ 访问验证ElasticSearch-head ...
html画流程图插件,基于SVG的流程图插件Flowchart.js
Flowchart.js基于SVG的流程图插件,它仅需几行代码即可在 Web 上完成流程图的构建.可以从文字表述中画出简单的 SVG 流程图,也可以画出彩色的图表. var diagram = flo ...
Cesium矢量地图插件CesiumVectorTile 发布新版本
Cesium矢量地图插件CesiumVectorTile 发布新版本一周前CesiumVectorTile 1.2.1版本就已经更新到npm里了,本次更新主要解决Cesium最新版本适配问题. Ce ...

基于Cesium的指南针插件

使用方法

效果

基于Cesium的指南针插件相关推荐

最新文章

热门文章