『Cesium 基礎』Cesium ion 在線資源調用

關注公衆號"seeling_GIS"，回覆『前端視頻』，領取前端學習視頻資料

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)
  })
  );

---

更多內容，歡迎關注公衆號