CesiumJS源碼運行有兩種方式:
基於node.js運行
官方下載地址:https://cesium.com/cesiumjs/
下載解壓後,在根目錄安裝依賴後,就可直接運行
npm init
npm start
如果調試代碼呢,官方的示例都是在Sandcastle裏放着,調試並不直觀,便可以用下面的方式
直接js文件引用執行
- 新建個html文件,
- 導入cesium的樣式文件和包
- 定義下
CESIUM_BASE_URL
全局常量 - 使用任意服務器發佈,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>
運行時,默認影像地圖加載不出來,不要慌,在底圖部件選擇個能打開的就好