cesium js 路径_Cesium学习笔记1:环境搭建

前要说明：

1，本人环境为Win10 64bit Win PC电脑。

步骤：

0注册用户密码

本节教程地址

https://cesium.com/docs/tutorials/quick-start/#step-1-create-an-account-and-get-a-token

注册地址  https://cesium.com/ion/signin/tokens

邮箱注册验证

qq邮箱

L4

获取账号密码

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMGNkZTFiZC1iZjZlLTQ5Y2UtOTUyNy1kNTkzOTk5NTk4ZDAiLCJpZCI6MzY5MTAsImlhdCI6MTYwNDMyMTg1N30.JAmC-7TVqF-KhR06qPjw-aytEDdbAewkdvWiKqLk8yo

步骤2.设置CesiumJS客户端

从CDN导入

下面是一个完整的HTML页面，它将加载所需的JavaScript和CSS文件并初始化San Francisco的场景。

由于您已登录，因此此代码段已包含您的访问令牌。

// Your access token can be found at: https://cesium.com/ion/tokens.

Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMGNkZTFiZC1iZjZlLTQ5Y2UtOTUyNy1kNTkzOTk5NTk4ZDAiLCJpZCI6MzY5MTAsImlhdCI6MTYwNDMyMTg1N30.JAmC-7TVqF-KhR06qPjw-aytEDdbAewkdvWiKqLk8yo';

// Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.

const viewer = new Cesium.Viewer('cesiumContainer', {

terrainProvider: Cesium.createWorldTerrain()

});

// Add Cesium OSM Buildings, a global 3D buildings layer.

const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());

// Fly the camera to San Francisco at the given longitude, latitude, and height.

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),

}

});