Cesium 指北针、导航罗盘实现（开箱即用的sdk）

已于 2022-06-03 11:16:27 修改
阅读量8.6k 收藏 19
点赞数 4
分类专栏： Gis Cesium 前端技术 文章标签： gis javascript navigator
于 2020-01-07 17:31:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29722281/article/details/103878501
版权
本文提供了一个基于cesium-navigation-es6的开箱即用的SDK，无需额外安装，直接引用即可。内容包括：1. 演示效果展示；2. 仓库说明，它是原项目的无依赖编译版本；3. 使用步骤，指导如何在Cesium中集成和初始化导航罗盘；4. 编译说明。同时，作者提供了问题咨询和招聘信息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、直接上效果

  • demo在这里（受到带宽限制，加载可能略慢）

  • 如果不能看，可以看这个。

在这里插入图片描述

在这里插入图片描述

二、说明

这是一个基于cesium-navigation-es6 迁移的仓库。但是原作者仅提供es6 模式下的引用，需要npm 安装。我使用rollup重新编译了原作者的release。去掉了dev依赖。dist中内容为编译产物。可以直接引用。

仓库地址在: 这里

原作者github主页

三、使用说明

  • 如果你的Cesium没有挂载在window下，那么修改src/cesium/Cesium.js，改为你对应的引用，然后运行npm run build

  • 在html文件中引用Cesium和Cesium必要样式表

  • 在html文件中引用CesiumNavigation.umd.js和cesium-navigation.css

  • 初始化viewer 调用 Cesi

最低0.47元/天 解锁文章
105.（cesium篇）cesium指南针
地图之家
05-06 755
105.（cesium篇）cesium指南针
cesium项目中集成指北针（原生版）
yy012800的博客
06-18 1042
【代码】cesium项目中集成指北针（原生版）
cesium 指南针、图例插件
DYZ的博客
09-28 2512
一、引入静态资源 <link href="dist/cesium-navigation.css" rel="stylesheet" /> <script type="text/javascript" src="dist/CesiumMeasure.js"></script> 静态资源下载地址：正在审核。。。 二、在已有的页面基础上添加如下方法： viewer._cesiumWidget._creditContainer.style.displa
一分钟带你学会cesium框架
最新发布
weixin_44593999的博客
04-01 236
cesium框架
Cesium指北针
Passerby_OK的博客
11-21 920
通过获取当前视点并指向北
cesium指南针（自带demo，放到Tomcat等容器内可运行）
08-25
原始html+css+js的方式，没采用es6的import方式，提供样例代码，拉过来就能用，需要import的可以去GitHub上下es6的，或者从我另外一个资源里下
cesium指南针插件
09-28
cesium指南针插件 直接引用 无需编译 实现在cesium上指南针和图例效果 cesium指南针插件 直接引用 无需编译 实现在cesium上指南针和图例效果
cesium 指南针、比例尺
丙火的博客
07-28 2161
cesium 里面没有指南针，需要安装其他插件：cesium-navigation-es6 安装 cesium-navigation-es6 插件 npm i cesium-navigation-es6 -S 安装好之后在main.js里引入 import CesiumNavigation from 'cesium-navigation-es6' 配置一下CesiumNavigation的全局变量 Vue.prototype.CesiumNavigation = CesiumNavig
Cesium导航_cesium-navigation-es6：Cesium 指北针、导航罗盘实现
weixin_43722758的博客
08-06 4499
cesium-navigation是一个cesium的插件，提供指南针、导航仪和距离刻度用户图形界面。 1、为什么你建立cesium-navigation插件？ 首先，所有的Cesiumjs sdk 不包括罗盘，导航仪（放大/缩小）和距离刻度。您可以使用鼠标在地图上导航，但这个导航插件可为用户提供更多的导航控制和功能。其中一些功能是：将罗盘重置为指向北部，重置轨道，并将视图重置为默认边界。 2、安装依赖 npm方式：cnpm install cesium-navigation-es6 -save .
Cesium指南针插件.zip
07-16
因为cesium自身没有携带指南针插件，所以需要引用其他的插件，这里我采用的是：`CesiumNavigation.umd`
Cesium 添加导航罗盘
QQhelphelp的博客
01-16 931
Cesium添加导航罗盘比例尺
cesium实现指南针、比例尺插件
01-08
此文件为cesium实现指南针、比例尺插件 ,参考博客地址为：https://blog.csdn.net/qq_26579715/article/details/103889908
cesium-navigation:Cesium插件，可向Cesium地图添加指南针，导航器（放大）和距离比例
05-02
铯导航 这是一个Cesium插件，它向Cesium地图添加了用户友好的指南针，导航器（放大/缩小）和距离比例图形用户界面。 你为什么建造它？ 首先，Cesiumjs sdk不包含指南针，导航器（放大/缩小）或距离比例尺。 您可以使用鼠标在地图上导航，但是此导航插件为用户提供了更多的导航控件和功能。 其中的一些功能是：将指南针重置为指向北方，重置轨道，以及将视图重置为默认范围。 您是如何建造的？ 该插件基于terriajs开源库（ ）出色的指南针，导航器（放大/缩小）和距离比例。 terriajs的导航UI不能在Cesium中开箱即用，因为Cesium使用带有RequireJS的AMD模块，而terriajs使用commonjs和Browserify，因此您不能仅将源文件复制到Cesium并进行构建。 我的工作包括修改代码以使其在Cesium中作为插件工作，如下所示： 从terr
cesium-navigation-es6 Cesium指南针，import的方式
08-25
这个是es6 import的方式，Cesium的指南针，版本兼容1.60-1.70，可以试试，没demo
基于Cesium的指南针插件
why404
07-16 3127
因为cesium自身没有携带指南针插件，所以需要引用其他的插件 这里我采用的是：CesiumNavigation.umd 作者github库：CesiumNavigation.umd 由于国内访问慢，我把库引到了gitee上，便于国内访问：CesiumNavigation.umd 也可以直接在这里下载使用：CesiumNavigation.umd 使用方法 在html文件中引用Cesium和Cesium必要样式表 在html文件中引用CesiumNavigation.umd.js和cesiu..
使用cesium-navigation-es6为cesium添加指北针
qq_40639686的博客
01-29 3477
使用cesium-navigation-es6为cesium添加指北针
Cesium添加罗盘
Webgiser_yy的博客
11-19 389
Cesium1.9 vue2 添加罗盘的解决方案
Cesium：为地图添加指北针、缩放按钮和比例尺
yyyyyyyyyyy_9的博客
11-03 2419
_乐多_ 网上找的很多代码用不了。本文记录了Cesium中为地图添加指北针、缩放按钮和比例尺的可用代码。
Cesium指北针导航罗盘的适配方法
资源摘要信息:"适配Cesium指北针导航罗盘" 知识点： 1. Cesium基础介绍 Cesium是一个开源的JavaScript库，用于创建三维地球仪和地图。它能够提供真实的全球地图、丰富的地理数据、三维地形以及卫星图像，广泛应用于...
评论 31
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值