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>
运行时,默认影像地图加载不出来,不要慌,在底图部件选择个能打开的就好
网友评论