cesium编程入门(十八)Cesium 新版沙盒

不用科学上网!国内可直接加载 3DTiles 的 Cesium 沙盒来了(2026 最新)

来由

有个朋友问我有没有一个地址,可以直接通过tileset.json的url加载3dtiles的数据(不能科学,不想本地部署),我想了想,好像还真没有,

  1. 官方沙盒里面可以运行,但是要科学一下。
  2. 自己有服务器可以部署,但是服务器要求很高,现在一个Cesium.js 文件都5M多了,你要是服务器网络是 5M 的也得快10秒,还不谈别的文件
  3. 第三方的,gitee 上以前有page服务,现在已经关闭了;以前我自己在七牛云上部署过沙盒,成本有点高,就删掉了

这次Edgeone在搞内侧,暂时是免费的(临时域名有效期三小时,绑定自定义域名长期有效),我又部署了一个,先用着,后面看情况,这是入口地址 https://sandbox.cesium.xin ,比较好记,(好记:sandbox沙盒 + cesium + .xin),同时网站上也有入口

aa

学习一下新版本沙盒

官方包从 Cesium1.135 版本开始启用新的沙盒,正好我们来学习一下,工欲善其事必先利其器。我把上面常用的按钮功能列一下

aa

  1. 相册:相册和代码模式互斥,相册模式下,才会显示7搜索和8标签过滤;
  2. 切换代码:相册和代码模式互斥,代码模式下显示运行按钮;
  3. 新示例:会提示清空当前改动的代码,手滑了就没了,要注意;
  4. 文档:新标签页弹出文档页面;
  5. 分享:弹出分享url,别人拿到url可以看到你写的代码(代码的信息在url中);
  6. 独立窗口:弹出不带代码的显示窗口;
  7. 搜索:搜索所有示例,不受label限制;
  8. 标签过滤:根据示例的标签进行过滤;
  9. 切换标签:切换标签显示对应标签的示例;

总体来说,跟以前的功能一致,但是界面更好看一些,更流畅了,当然它还有设置,添加了一些代码界面的右键菜单,我觉得不太重要的没写,大家可以自己尝试一下。

经验与技巧

分享

小功能验证以及问题查找的时候,我们一般会将一些觉得有问题的功能代码抽出来,放到新示例里面运行,看它是不是符合预期,如果不符合,可以分享了让别人帮忙看。 “show me the code” 可能是最好的让别人帮忙的方式(官网的论坛里面的问题一般也是最推荐这种方式);

独立窗口

对我来说还是很有用的,有时候改好代码之后,用独立窗口录屏或嵌入 PPT 的时候很方便;

注意事项

在切换示例代码页,或者新增示例的时候,如果有改动,切换时会弹框让你确认,一定要当心,手滑了之前改的就没了。

总结整理

感觉这个也是自己的一个痛点了:

  1. 有时候真的是有点懒,连本地发布都不想弄
  2. 有时候分享或者获取代码太麻烦(上网科学)

希望对大家也有帮助

发表评论