『Cesium 基础』Cesium ion 在线资源调用

Cesium ion 是一个提供瓦片图和 3D 地理空间数据的平台， Cesium ion 支持把数据添加到用户自己的 CesiumJS 应用中。 ion 个人账号提供了 5g 的存储空间，可以用来存储自己的数据

• 初始化配置

  • 注册账号 https://cesium.com/ion/
  • 点击"Access Token"，跳转到 Access Tokens page 页面
  • 选择 Default 默认的 access token 拷贝到 contents 中
  • 初始化 cesium

    Cesium.Ion.defaultAccessToken = '<YOUR ACCESS TOKEN HERE>';
    

  • 在新版本之后，如果设置底图且没有设置 defaultAccessToken ，cesium 球体将会出现透明无底图

• 引入在线地形

  var viewer = new Cesium.Viewer('cesiumContainer',{
    terrainProvider : new Cesium.CesiumTerrainProvider({
        url: Cesium.IonResource.fromAssetId(1) //id 如上图获取
    })
    });
  
    // Create Cesium World Terrain with default settings
    var viewer = new Cesium.Viewer('cesiumContainer', {
        terrainProvider : Cesium.createWorldTerrain();
    });
  
    // Create Cesium World Terrain with water and normals.
    var viewer = new Cesium.Viewer('cesiumContainer', {
        terrainProvider : Cesium.createWorldTerrain({
            requestWaterMask : true,
            requestVertexNormals : true
        });
    });
  
  

• 使用在线 imageprovider

  viewer.imageryLayers.addImageryProvider(
      new Cesium.IonImageryProvider({ assetId : 23489024 })
      );
    // Create Cesium World Terrain with default settings
    var viewer = new Cesium.Viewer('cesiumContainer', {
        imageryProvider : Cesium.createWorldImagery();
    });
  
    // Create Cesium World Terrain with water and normals.
    var viewer = new Cesium.Viewer('cesiumContainer', {
        imageryProvider : Cesium.createWorldImagery({
            style: Cesium.IonWorldImageryStyle.AERIAL_WITH_LABELS
        })
    });
  

• 模型引入

  • 可以将自己的 3dtiles 文件上传到 ion 空间中   

  var tileset = viewer.scene.primitives.add(
  	new Cesium.Cesium3DTileset({
  		url: Cesium.IonResource.fromAssetId(84385),
  	})
  );