Cesium源碼的本地運行及調試

CesiumJS源碼運行有兩種方式:

基於node.js運行

官方下載地址:https://cesium.com/cesiumjs/
下載解壓後,在根目錄安裝依賴後,就可直接運行

npm init
npm start

如果調試代碼呢,官方的示例都是在Sandcastle裏放着,調試並不直觀,便可以用下面的方式

直接js文件引用執行
  1. 新建個html文件,
  2. 導入cesium的樣式文件和包
  3. 定義下CESIUM_BASE_URL全局常量
  4. 使用任意服務器發佈,nginx或IIS隨意
    就可以運行並隨意調試了
<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title> 
  <style>
    @import url(../Source/Widgets/widgets.css);

    html,
    body,
    #cesiumContainer {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>

<body>
  <div id="cesiumContainer"></div>
  <script type="module">
    window.CESIUM_BASE_URL = "../Source/";
    import * as Cesium from "../Source/Cesium.js"

    var viewer = new Cesium.Viewer('cesiumContainer')
  </script>
</body>

</html>

運行時,默認影像地圖加載不出來,不要慌,在底圖部件選擇個能打開的就好


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章