1. 程式人生 > >cesium編程中級(一)添加示例到Sandcastle

cesium編程中級(一)添加示例到Sandcastle

保存 面板 html 元素 nod block r.js ava -c

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