在访问cesiumJS网站卡顿的解决办法----本地部署cesiumJS

最新推荐文章于 2024-03-23 22:03:51 发布
最新推荐文章于 2024-03-23 22:03:51 发布
阅读量1.2k 收藏 1
点赞数
文章标签： tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LUCKY_IT/article/details/119640328
版权

在访问cesiumJS网站卡顿的解决办法----本地部署cesiumJS

一、首先都需要下载cesium包 以cesiumjs1.84版为例(https://cesium.com/downloads/)
1、下载方式如下 在这里插入图片描述
2、解压下载下来的压缩包
通过编辑器进入到解压完成的根目录里面
在这里插入图片描述
等依赖安装完成以后在运行命令 npm start 或者 npm run start，运行完成后后跳出《http://localhost:8080/》这个地址，在浏览器里面打开就可以看到如下内容：

最低0.47元/天 解锁文章
LUCKY_IT
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium 问题：加载 geojson 数据量大浏览器会崩，使用primitive方式加载
虎康的博客
09-26 1009
之前加载geojson数据都是使用dataSource和entity的方式，但是当数据量大时，浏览器就会崩掉：提示浏览器内存不足，已暂停渲染。使用primitive方式加载数据，可以提高加载渲染效率。
js-study-lv1:檀国大学 JavaScript 学习 1 级课程资料库
08-04
js-学习-lv1 在你进去之前 编辑器或 IDE 大多数前端开发人员使用的免费에디터 优点 强大的插件支持 直观的用户界面 速度 坏处 安装后要下载的东西太多 换句话说，很难定制 大多数开发者使用的付费IDE 优点 如果您有学生电子邮件，则可以免费使用Ultimate 它具有您需要的所有功能 坏处 基本上，功能太多，所以我很困惑 如果不是高端PC，就会卡顿。 混帐 您需要了解 git 命令。 git 命令总结 git安装完成 mac ，打开终端并输入git以确认它已安装 window Windows 的情况下， git bash右键单击文件夹或桌面来检查git bash是否存在 # ######### 설치한 직후에 email, name 설정 ########## $ git config --global user.name " junilhwang "
QC小组-降低腾讯视频卡顿率.docx
05-18
目 录 一、小组概况 2 1.1 小组介绍 2 1.2小组获奖情况 3 1.3名词解释 3 二、选题理由 4 三、设定目标 8 四、目标可行性分析 8 4.1内部分析 8 4.2外部对比 9 4.3成员能力和经验 10 4.4症结分析 10 4.5症结原因统计 15 4.5可行性计算分析 15 五、原因分析 16 六、确定主要原因 17 6.1要因确认过程 17 6.2要因总结 24 七、制定对策 24 7.1对策分析 24 7.2对策实施计划 25 八、对策实施 26 8.1对策实施一：硬件资源提升 26 8.2对策实施二：负荷均衡类参数调整 30 8.3对策实施三：接入态和业务态的算法优化 37 8.4对策实施四：通过系统调度策略修改提升DNS加速效率 42 九、效果检查 45 十、巩固措施 49 十一、总结和打算 50 1.3名词解释 视频卡顿： 用户浏览视频网站播放视频等多媒体文件时，当视频数据下载量小于播放需求数据量，则判断视频卡顿。 腾讯视频卡顿率： 腾讯视频卡顿率是指腾讯视频业务在统计周期内当日卡顿次数与播放次数的比值。 二、选题理由 外部因素 手机网络视频成为网络视频的主流： 根据中国互联网络信息中心(CNNIC)发布的第42次《中国互联网络发展状况统计报告》，截至2018年6月30日，我国网络视频用户规模达6.09亿，占网民总体的76.0%；其中手机网络视频用户规模达5.78亿，占手机网民的73.4%。 图2.1 网络视频/手机网络视频用户规模及使用率（制图人：杨春霞） 腾讯视频受用户喜爱： 腾讯视频通过差异化的自制原创内容拉动用户观看、付费，网络独播剧与网络综艺表现抢眼。根据腾讯从2017年第三季度到2018年第二季度的财报显
Cesium安装部署运行
最新发布
红军不怕远征难，万水千山只等闲
03-23 714
是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示，可以自行绘制图形，高亮区域，并提供良好的触摸支持，且支持绝大多数的浏览器和移动端。
vue+cesium的结合步骤
Asynchronou的博客
06-08 1389
简介： 考虑到有大模型需要导入，cesium就用的简单标签引入到项目，避免浏览器崩溃 1、需要下载cesium，安装了node.js，可以直接拉取 npm install cesium --save ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210608133210323.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZ
cesium直接加载TIFF地图影像
A_ta_and_run的博客
11-14 1659
遇到了一个需求： 就是用cesium加载TIFF影像，本来主流的方式是后台切片发布服务，前端直接调用服务加载就行，但是 后台直接给了我一个tif文件，就需要前端来进行绘图渲染了。
cesium 按需加载实体(entity)
三维网格
01-17 4270
cesium 按需加载实体(entity) 我们在使用cesium时，常常会有需要加载中国各地区名称的需求，然而cesium中能够添加的entity的数量是有上限的，当加载到一定数量时就会出现卡顿甚至是浏览器崩溃的情况，这时候就需要按需加载我们的实体类，接下来就给大家介绍一种按需加载的方式，在鼠标移动结束后根据当前地图层级判断是否显示或者删除实体entity 1、创建一个地球 // 默认看向中国 Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.
Cesium 粒子系统卡死
资深三维GIS开发
03-29 639
基于cesium的粒子系统做了个爆炸的效果，当在我本地写demo的时候爆炸是没问题的，但是当运用到我的框架里的时候就会卡死页面。后来经过细致的排查，是因为我框架中有个地方用了。方法，此方法和粒子系统不兼容，会导致页面崩溃！
vue+cesium cesium数据量太大 导致浏览器卡顿 解决办法
Angela
10-20 9607
如题 博主在开发过程中遇到了问题就是 当数据量过大时 浏览器特别卡 情景： 每秒实时渲染数据 效果：当前数据没有渲染完就开始渲染下一秒的数据了 如何将巨大的数据 在一秒内快速渲染到页面上呢？ 解决方案 ： 不要把任何的cesium对象 放在data中监听 ， 因为在data中的变量 ， vue会劫持数据 ， 导致迟缓。 解决方式： 1.将viewer 挂在到window对象下 window.viewer = viewer 以后每次使用都window.viewer来获取viewer对象 2.将任何的
优化 cesium 界面广告牌（billboard）数据量大于 10w ＋时，地图加载缓慢、卡顿、加载完成后浏览器严重卡顿甚至崩溃问题
热门推荐
weixin_42508580的博客
09-19 1万+
项目之前的设计，billboard 广告牌是绑在 entityCollection 集合下的，为了能够在获取单个实体（entity）时能够获取更多数据信息（entity 能够注入除了它本身的属性之外的属性信息）entityCollection 集合加上集群聚合功能，数据量临界点在 3w~4w 左右，就会出现界面卡顿。fps 低于 20 并且波动很大，延迟保持在 100ms 左右。数据量低于临界点时，entity 的方式呈现页面还是比较奈斯的。
转载 CESIUM数据量太大 导致浏览器卡顿 解决办法
dengam1的博客
04-18 3388
转载：https://www.freesion.com/article/42081397486/ https://blog.csdn.net/li11122212/article/details/93167685
three-dragger:拖动THREE.DragControls这样的three.js对象
04-30
三把匕首 像一样，拖动three.js对象（包括 ），但不修改原始位置。 现场演示可在。安装npm install --save three-dragger CDN版本也可以在unpkg上获得： 用法import ThreeDragger from 'three-dragger' ;const ...
uni-app:从运行原理上面解决性能优化问题
01-27
但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。现在我们就从uni-app运行原理上，了解一下，在哪些方面存在性能折损...
vue-better-scroller-master.zip
03-31
一款基于 better-scroll.js （已内置依赖无需导包） 为 vue.js 提供 scroll 滚动，上拉加载， 下拉刷新，使用 es6， vue-cli 3 构建 得益于 better-scroll 使用 css3 transform3d 硬件加速实现滚动 即使千条数据也...
WEBGIS开发 Cesium中3DTiles的加载策略 LOD多层次细节 最大屏幕空间误差解析
qq_42164696的博客
04-10 1万+
介绍3DTiles的加载策略
cesium 入门学习之二：搭建cesium开发环境
zcylyzhi4的博客
01-29 546
1 、读入数据 新建文件夹cesium_test 把上一节cesium目录下的Build文件夹拷贝到cesium_test文件夹中 把上一节cesium，Apps目录下的HelloWorld.html 修改HelloWorld.html中js和css的引用路径 2 、全局安装http-server 直接在浏览器打开cesium_test目录下的HelloWorld.html文件，是会报错的；这是因为cesium无法直接在浏览器上运行，它需要依赖服务器，本人选择node.js的http-server库作
cesium加载cesiumLab发布的三维建筑数据
du_5pet的博客
07-15 1万+
刚开始用的是cesium加载geojson来达到加载三维建筑的目的，加载建筑物倒是没什么太大问题，只是建筑物还要进行贴图，如果再用geojson来加载贴图会特别卡，浏览器会崩溃，电脑会死机，于是发现官网有这种方法，加载完成之后速度特别快。而且是分片加载的，只加载视野区域内的建筑物，并且用这种方法来加载贴图也很快。但是加载之前本地必须引入xx.b3dm一个文件。否则加载不成功。 文档架构如下 ...
大分辨率(5120*1600)屏幕使用cesium加载高精度倾斜摄影数据浏览器报错崩溃解决方案
qq_40863573的博客
04-01 1万+
大分辨率(5120*1600)屏幕使用cesium加载高精度倾斜摄影数据浏览器报错崩溃解决方案。 An error occurred while rendering.Rendering has stopped。 TypeError：Failed to execute 'shaderSource' on 'WebGLRenderingContext'：parameter 1 is not of type 'WebGLShader'。
vue3+Cesium 遇到的问题及解决办法（持续更新）
Mo_olly的博客
08-05 6941
vue3+Cesium 遇到的问题及解决办法（持续更新）
安装pubsub-js卡顿
08-30
安装pubsub-js可能会卡顿的原因有几种可能性。首先，如果你的网络连接不稳定或者速度较慢，可能会导致安装过程变慢或卡顿。另外，如果你的计算机性能较低或者同时运行了其他大型程序，也可能会导致安装过程变慢或卡顿。此外，如果你选择的是一个较旧的版本，可能会因为版本兼容性的问题导致卡顿现象。最后，如果你的npm仓库或者镜像源存在问题，也可能会导致安装过程卡顿。建议你检查以上可能性并尝试解决相应的问题，例如更换网络环境、关闭其他大型程序、选择较新的版本、更换npm仓库或镜像源等。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [解决Antd输入框卡顿问题及Pubsub.js的使用](https://blog.csdn.net/weixin_44757417/article/details/121687418)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Vue中安装pubsub-js库报错相关事宜](https://blog.csdn.net/weixin_56035334/article/details/125005183)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值