(二)、Cesium 入门(npm安装)
- npm环境搭建
- 创建web项目
- 安装Cesium
npm 安装命令:
npm install cesium
- 代码编辑
- Cesium 文件引入
// The URL on your server where CesiumJS's static files are hosted.
window.CESIUM_BASE_URL = '/';
import * as Cesium from 'cesium';
import "cesium/Build/Cesium/Widgets/widgets.css";
- 密钥绑定
Cesium.Ion.defaultAccessToken = '密钥';
- 显示容器绑定
// <div id="cesiumContainer"></div>
// 指定显示容器Id = "cesiumContainer".
const viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider: Cesium.createWorldTerrain()
});
- 逻辑代码编写
例子(加载资源):
// 添加Cesium在线模型资源
const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());
// 视图缩放至加载资源位置
viewer.camera.flyTo({
destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),
orientation : {
heading : Cesium.Math.toRadians(0.0),
pitch : Cesium.Math.toRadians(-15.0),
}
});