vc-terrain-provider-cesium

[PetukhovArt]

Hello, i have the problem with rendering cesium terrain 3d model.
my usage is like in vue-cesium example :

  <vc-viewer @ready="onViewerReady">
    <vc-terrain-provider-cesium ref="provider"></vc-terrain-provider-cesium>
    <vc-layer-imagery>
      <vc-imagery-provider-arcgis></vc-imagery-provider-arcgis>
    </vc-layer-imagery>
  </vc-viewer>

( i dont know why in exmaple there is no code , how the imageryProvider prop is created in vc-viewer )

and the result : map is not 3D , it loads like 2d model.

but if i use like this :

      <vc-viewer @ready="onViewerReady" :terrain-provider="terrainProvider">
    <vc-layer-imagery>
      <vc-imagery-provider-arcgis></vc-imagery-provider-arcgis>
    </vc-layer-imagery>
  </vc-viewer>
  
  const terrainProvider = ref(null)
  const onViewerReady = async ({viewer}: VcReadyObject) => {
      try {
      terrainProvider.value = await createWorldTerrainAsync()
    } catch (error) {
      console.log(error);
    }
  }

it loads terrain map normally with 3d models of objects ( mountains, etc...) , without ION access token

how i can load 3d cesium terrain model normally, to use user ion token , assetID and url ?

[zouyaoji]

1. ion token:

import { createApp } from 'vue'
import VueCesium from 'vue-cesium'
import App from './App.vue'

const app = createApp(App)

app.use(VueCesium, {
  cesiumPath: 'path/to/Cesium.js',
  accessToken: 'your Cesium Ion access token'
})

2. assetId & url prop
   see https://github.com/zouyaoji/vue-cesium/blob/dev/packages/components/providers/cesium-terrain/index.ts

[PetukhovArt]

i found solution :

pass prop with current provider id to vc-viewer key ( this reload viewer on provider change)

    <vc-viewer
      :key="providerModel.enabledProvider.id"
      :access-token="providerModel.ionAccessToken"
    >
    
    and this , how i conditionally render cesium terrain
    
        <template v-if="providerModel.enabledCesiumTerrain">
          <vc-terrain-provider-cesium/>
            <vc-layer-imagery
              ref="layer"
              :show="providerModel.enabledCesiumTerrain"
            >
          <vc-imagery-provider-arcgis/>
        </vc-layer-imagery>
      </template>