cesium编程中级添加示例到Sandcastle

Posted 伐罗密

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cesium编程中级添加示例到Sandcastle相关的知识,希望对你有一定的参考价值。

cesium编程中级(一)添加示例到Sandcastle

添加示例到Sandcastle在cesium编程入门(七)3D Tiles,模型旋转中提到过,这里是一份完整的说明

创建例子

  • 开启node服务后打开 http://localhost:8080/Apps/Sandcastle/ 会自动跳到 hello world 示例

  • 可以选择点击左上角的【New】按钮新建一个页面,也可以就在当前页面的【javascript code】面板中进行修改

    如果需要添加界面元素,比如输入框,按钮之类,需要在【html body & CSS】 面板中添加内容

  • 编写完示例,成功运行后,可以截图一张,作为Gallery的缩略图(3D Tiles Adjust Height-rotate.jpg ),然后点击【Save As】按钮,将整个示例保存成一个Html文件(3D Tiles Adjust Height-rotate.html)

整个例子就创建完成了

使用说明

例子需要在Cesium的Sandcastle中运行

  1. 将3D Tiles Adjust Height-rotate.html和3D Tiles Adjust Height-rotate.jpg 拷贝到../Cesium/Apps/Sandcastle/gallery 目录下

  2. 修改gallery-index.js文件,在gallery_demos数组中添加节点(这里我添加到了第一个),参照gallery-index-add-item.js进行修改

  3. 重新运行node server.js(一定要重启一下服务,否则不显示)

以上是关于cesium编程中级添加示例到Sandcastle的主要内容,如果未能解决你的问题,请参考以下文章

Cesium打包命令

Cesium中级2 - 图层

cesium可视化空间数据

Cesium中级教程10 - CesiumJS and webpack

Cesium中级1 - 空间数据可视化

学习cesium,关于图层界面的切换