Cesium第一次搭建环境地球无法显示问题

最新推荐文章于 2023-07-20 17:34:03 发布
最新推荐文章于 2023-07-20 17:34:03 发布
阅读量7.6k 收藏 5
点赞数 5
分类专栏： webgis 文章标签： cesium 第一次搭建地球不显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39169047/article/details/99888054
版权

本人刚接触Cesium，第一次搭建环境发现地球竟然不见了

如图：

在这里插入图片描述
这个时候我充满了疑惑，我的地球呢？？？
之后打开了F12发现是必应地图出了问题？？？？
所以果断的切换底图：

将地图切换成任何一个非必应地图就OK了，哈哈哈有点搞
在这里插入图片描述
OK，问题解决！！！
ps:如果要使用bing地图可以去创建一个Cesium ion账户，并且生成一个访问token！
Cesium.Ion.defaultAccessToken = ‘your_access_token’;
这句话加在viewer前面！！！

可欺之以方
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
Cesium：显示最基础地球以及相关配置，2024前端面试总结
m0_61331491的博客
04-10 428
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件一个人可以走的很快，但一群人才能走的更远。
vue-cesium UMD双击实现地球旋转，单就停止旋转（方法一）
11-26
html + vue-cesium UMD; cesium 3D 地球鼠标事件，（双击，单击）；双击实现地球旋转，单就停止旋转（方法一）
cesium去掉黑色背景，只保留地球
10-23
cesium去掉黑色背景，只保留地球，地球自动旋转，到达一定时间后，旋转定位到某个位置
解决Cesium无法加载出地球的问题
热门推荐
syzdev的博客
08-10 1万+
如图只看得到星空，看不到地球：界面下方的文本： This application is using Cesium’s default ion access token. Please assign Cesium.Ion.defaultAccessToken with an access token from your ion account before making any Cesium API calls. You can sign up for a free ion account at https
Cesium 无法加载出地球
Aurora_1970s的博客
02-12 1487
Cesium 无法加载出地球 问题描述 Cesium 无法加载出地球，在控制台中看到这样一条报错信息： 401错误，不可用的token值。 解决方案 1.注册一个免费的账户 网址：https://cesium.com/ion/ 2.创建一个token值 3.在代码中添加token 在你的初始化地球代码前面添加一行下面的代码： Cesium.Ion.defaultAccessToken = '你的token' ...
Cesium第一次搭建环境出不来地球的问题
TrueDei
07-21 9324
说明：内容根据http://cesiumcn.org网站的Cesium入门5 - Cesium ion内容，加上自己的整理后写出的，很好的一个网站大家可以参考下学习。 言归正传 哈哈你也中招了吧，是不是也出现下图所示的问题，出不来地球，而且下面还有一行很烦人的英文！ 请跟随我的脚步来 来段简介： Cesium ion是一个提供瓦片图和3D地理空间数据的平台，Cesi...
cesium-解决地球无法显示的案例
weixin_45656079的博客
11-12 3251
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>UA.
Cesium隐藏地球底图
DYZ的博客
10-09 5076
viewer.scene.sun.show = false; //在Cesium1.6(不确定)之后的版本会显示太阳和月亮，不关闭会影响展示 viewer.scene.moon.show = false; viewer.scene.skyBox.show = false;//关闭天空盒，否则会显示天空颜色 viewer.scene.undergroundMode = true; //重要，开启地下模式，设置基色透明，这样就看不见黑色地球了 viewer.scene.underGlobe.show = t.
cesium开场地球旋转代码，html,三维开发实例 前端开发
05-21
cesium开场地球旋转代码，html,三维开发实例 前端开发
Cesium+Vue3+vite环境搭建好的的源码
02-27
Cesium+Vue3+vite环境搭建好的的源码，方便小白快速开始学习
Cesium 地图显示鼠标经纬度和高度
02-23
基本版-显示鼠标经纬度和高度 html文件
Cesium解决地图下陷
01-16
Cesium解决地图下陷，加载地形后，地图往下倒，不会陷入地下。
cesium 是否显示地球
weixin_42448623的博客
05-26 1193
cesium 官方文档 viewer.scene.globe.show = false; // 不显示地球
Cesium 指定显示区域部分（不让显示整个地球）
piaomiaozaitianya的博客
07-20 3489
Cesium 指定显示区域部分（不让显示整个地球）
Cesium之HelloWorld.html
MLAY
09-11 2341
本文是本人在运行该文件时并没有按照官网那样显示一个三维地图，最终解决了这一问题，以下是我的解决办法，希望可以帮助到遇到类似问题的学者。 所有文件都存放在Cesium文件夹中，如下图所示：  首先打开cmd命令行，输入cnpm install，加载所需的模块，这时会在Cesium文件夹中出现node_modules文件夹，如下图： 然后输入node server.js或npm star...
Cesium地形没加载出来？-可能是你相机视角选错了；Cesium 加载地形数据
qq290048663
07-06 995
point，polygon，polyline，Cesium基础教程003-添加高德地图，魔卡托投影 mercator。point，polygon，polyline，Cesium基础教程003-添加高德地图，魔卡托投影 mercator。那么，你的地形数据，可能是由于你不知道人家是让什么地形起伏了，导致你的相机视角不知道调整到什么经纬度position，你该观察建筑物还是山。我这里是后来意识到，人家给了测试的地形数据坐标，那我直接相机设置即可。比如这里的：URL配置，姑且认为大家都是配置正确的；
Cesium地图不加载或者加载有问题怎么办
阿小绿的博客
02-26 6887
如上图所示，没有显示地球。 主要原因是因为 地球影像图层出错了是必然了，我们人眼都可以看出来。解决办法去创建一个属于自己的token，放到项目里面去 影像图层错了，cesium ion token过期啦 注册秘钥https://cesium.com/ion/signin 点击箭头所指方向进行注册账户，如果有账户直接登录就好了。 登录进来【Access Tokens】下面的默认秘钥，拿到我们需要的页面 Cesium.Ion.defaultAccessToken = '你的秘钥' 然后重新清除浏览.
Tomcat和Geoserver发布地图数据Cesium无法显示的问题：需要做跨域处理
wg8826的专栏
10-26 2305
1、准备工具 geoserver-2.14.0-war.zip和apache-tomcat-7.0.86-windows-x86.zip 下载地址https://download.csdn.net/download/wg8826/10745441 链接为Tomcat7+Geoserver2.14.0发布地图数据使用的工具包。将Geoserver解压后文件geoserver.war再次解压，然...
2.创建自己的Cesiunm地球隐藏控件
玖玖年的程序猿
12-20 1167
cesium地球的创建和默认空间的隐藏
cesium + vue2环境搭建
最新发布
09-03
Cesium是一个用于创建三维地球和地球数据可视化的开源JavaScript库。Vue是一个用于构建用户界面的渐进式JavaScript框架。在搭建Cesium和Vue2环境之前，确保你已经在电脑上安装好了Node.js和npm。 首先，我们需要创建一个新的Vue项目。打开终端或命令提示符，输入以下命令来创建一个新的Vue项目： ``` vue create cesium-vue-demo ``` 接下来，选择手动配置，然后按照默认设置一步一步进行配置。当配置工具询问你是否要选择预设配置或手动选择特性时，请选择手动选择。 然后，在第一项核心功能中选择了Babel、Router和Vuex，第二项选中了CSS Pre-processors，第三项不选择Linter/Formatter。 完成配置后，进入项目目录： ``` cd cesium-vue-demo ``` 然后，我们需要安装Cesium依赖。在终端中输入以下命令： ``` npm install cesium --save ``` 安装完成后，我们需要修改webpack配置，以便正确加载Cesium依赖。打开`vue.config.js`文件，输入以下内容： ```javascript module.exports = { // ... configureWebpack: { output: { // 修改打包后静态文件的路径 publicPath: './' }, amd: { // 添加一个module文件的对外映射关系 toUrlUndefined: true }, // 解决加载Cesium的路径问题 resolve: { alias: { cesium: path.resolve(__dirname, 'node_modules/cesium/Source') } }, // 设置全局变量 plugins: [ new webpack.DefinePlugin({ CESIUM_BASE_URL: JSON.stringify('./') }) ] }, // ... } ``` 然后，我们需要在Vue组件中引入Cesium。在`App.vue`文件中添加以下代码： ```javascript <template> <div id="cesiumContainer"></div> </template> <script> import * as Cesium from 'cesium' export default { mounted() { const viewer = new Cesium.Viewer('cesiumContainer') // 添加Cesium代码 } } </script> ``` 最后，运行以下命令启动Vue项目： ``` npm run serve ``` 现在，你已经成功搭建了一个Cesium和Vue2的环境。你可以在`App.vue`中添加Cesium代码来创建三维地球和地球数据可视化应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值