Add properties to 3DTiles

CesiumJS
1

Hi, I’m new using Cesium and I would like to know if there’s a possibility to add some information to the models I upload (3D Tiles), so I could see it in the same way when click to OSM buildings.

2

Hello @FallenOz Welcome !,
You need to enable infoBox of viewer and use entity description property to display whatever information you want to display on click. Check this sandcastle link.

Regards,

3

Thanks for sharing the sandcastle. I’ve been editing somethings to edit visibility, but I’m not able to replace the plane for my own building, not sure how I could get the url, because when I upload my model to CesiumIon it appears like url: Cesium.IonResource.fromAssetId(xxxxxx), not “…/SampleData/models/CesiumAir/Cesium_Air.glb”…
I tried to use de entity code in my own sandbox (which has the building I want) but I can’t make it work clicking on it.

Not sure if you can see the code sharing this:https://sandcastle.cesium.com/index.html#c=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

4

I’m not clearly getting you. You can use Cesium Ion Asset by passing it on model’s url like:

model: {
      uri: Cesium.IonResource.fromAssetId(766369),
      minimumPixelSize: 128,
      maximumScale: 20000,
      silhouetteColor: getColor(
        viewModel.silhouetteColor,
        viewModel.silhouetteAlpha
      ),
      silhouetteSize: parseFloat(viewModel.silhouetteSize),
    },

Check this link I’ve modified.

If you have model you can covert it to .glb OR .gltf online or by this application and then use it directly without uploading on cesium Ion.

I hope it helps you!

  • Regards,
5

Hi, thank you so much for trying to help me.

I’ve tried that too, the problem is that the info box is still refered to the plane, I’m not able to make it work in my model, if you try to click the building nothing happens. This is the part of the code I would like to show in my building:

 entity = viewer.entities.add({
    name: "ARROYO DE LA ENMIENDA",
    position: position,
    orientation: orientation,
    description: "Edificio resindencial formado por un conjunto de x viviendas. Cuentan con piscina exterior, trasteros, et
6

I haven’t worked with Cesium Ion. But it seems like you need to set details during upload your model in Cesium Ion. Check this link where OSM buildings features are embed inside the asset itself.

  • Regards
7

Thank you!! You were right, it was a file problem, I tried uploading them like .gltf and now I can access to it and change data.

1 Like