i3dm tiles cannot be loaded into Cesium
Closed this issue · 30 comments
Hello,
I am trying to use the tiles generated by i3dm in Cesium JS, but it seems that the tileset.json pyramid is not correct, it is somewhere in the ocean around india while my dataset is in France.
Here is a test in the Cesium Sandcastle:
var viewer = new Cesium.Viewer("cesiumContainer");
var tileset = new Cesium.Cesium3DTileset ({
url: "https://dev.business-geografic.com/bdx-3d-data/i3dm/arbres/tileset.json",
});
viewer.scene.primitives.add(tileset);
viewer.zoomTo(tileset);
tileset.readyPromise.then (function (tileset) {
console.log("DATASET i3DM loaded");
});
When i generated the tiles, I only had this log:
Exporting i3dm's from public.arbres_instances...
Tile extent: 1000
Set extent: 10000
Potential tiles: 4000 in 40 sets.
The postgis dataset is projected in 4326:
st_astext
-------------------------------------------
POINT(-0.580255753718069 44.8414808634925)
POINT(-0.58024728846137 44.8413548361828)
POINT(-0.580249814770417 44.8412793588877)
POINT(-0.580250249559187 44.8412109737063)
...
Do you know what could be the issue here ?
Thanks!
Fabien
If I compare your sample:
https://bertt.github.io/mapbox_3dtiles_samples/samples/instanced/tileset.json
and what i generated:
https://dev.business-geografic.com/bdx-3d-data/i3dm/arbres/tileset.json
it seems that I don't have a "transform" node in the root node, while you have:
"transform": [
1.0,
-0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
0.0,
0.0,
0.0,
1.0,
0.0,
518020.625,
6881447.0,
0.0,
1.0
]And 518020.625, 6881447.0 are the EPSG:3857 coordinates for north of Harlem, which is the correct location for your dataset
Tried it in mapbox-gl-js with your sample page, I get an error:
Mapbox3DTiles.js:53932 ReferenceError: TileSet is not defined
at ThreeDeeTile.load (Mapbox3DTiles.js:53915)
at ThreeDeeTile.checkLoad (Mapbox3DTiles.js:54138)
It seems to crash while trying to load a "tileset json child" (Class "TileSet" does not exist which might be another issue)
Thanks,
Note: cesium as client is not supported
I think this tool could be of great interest for the geospatial community since to my knowledge there is currently no open tool available to create 3D Tiles tilesets with i3dm tiles. However, 3D Tiles is a standard format that is client-agnostic, therefore could you elaborate on why the produced tilesets are constrained to mapbox-gl-js ?
In addition, the tileset generated by Fabien cannot be loaded in mapbox-gl-js. Do you have any idea why ?
Thanks.
We have build this tool specifically for using i3dm tiles in MapBox GL JS. Technically it should be possible to add Cesium support, but it's not trivial because of mathematics involved.
Did you follow the getting started guide? https://github.com/Geodan/i3dm.export/blob/main/docs/getting_started.md
Roughly the same procedure should be needed for your table public.arbres_instances
Yes, I followed the getting started step-by-step to generate public.arbres_instance. The only difference was that I didn't use this line:
delete from traffic_signs_instances where st_x(geom) < 4.5 or st_x(geom)>5.0;
Which must be only for your dataset I guess?
And i serve the file with a simple Apache Web server, not a python server, but that shouldn't change anything, it is just serving static files
Fabien
yes that line is to delete some outliers in the sample data.
Is the generated mapbox tileset available online somewhere?
You can load the data via this URL, if that's what you mean:
https://dev.business-geografic.com/bdx-3d-data/i3dm/arbres/tileset.json
The URL and the files are all on a public server, so you can test locally
ok, and the mapbox viewer (with the error) is there as well?
ah no, sorry, i'll upload it if that helps you, just a minute
Here is the page with the mapbox-gl viewer and your Mapbox3DTiles.js file from the demo page, to reproduce the issue:
http://dev.business-geografic.com/github-i3dm/index-i3dm.html
what happens if you change the reference to tileset.json to relative url (like url: 'tileset.json')
moved the files next to tileset.json and changed to a relative URL, no change:
https://dev.business-geografic.com/bdx-3d-data/i3dm/arbres/index-i3dm.html
looks like the client code is a bit older to support the sub tileset.json... first thing I would try is update the client code to latest version of https://github.com/Geodan/mapbox-3dtiles
Update to latest dist, changed the constructor to let tileslayerTree = new Mapbox3DTiles.Layer( { , added THREE.js but getting error:
Error: i3dm tiles not yet implemented
can you try develop branch?
The develop branch is not built, there is no dist. Can you please try it on your end?
Thanks,
I've updated https://github.com/Geodan/i3dm.export/blob/main/docs/Mapbox3DTiles.js to the code from develop branch. Error is now gone but so far I didn't see any tree show up.
There is now a CORS error (see https://geodan.github.io/i3dm.export/samples/bordeaux/) to retrieve https://dev.business-geografic.com/bdx-3d-data/i3dm/arbres/scene.bin . Is this a glTF bin file? Normally the i3dm references a GLB file (or embed the GLB).
Yes, i referenced a GLTF file for this processs (I didn't have a GLB file handy). I added the scene.bin file and now, the tree magically appear on your example !
It still doesn't load properly in Cesium, maybe it is a projection issue (as you read the i3dm file with your own code, I guess you read what you produced). The only i3dm tileset.json I can find to compare (which load fine in Cesium) is:
https://github.com/CesiumGS/3d-tiles-samples/blob/master/tilesets/TilesetWithTreeBillboards/tileset.json
The coordinates are wildly different, maybe you use 3857 while they use 4326 ? I would need to check the spec on that
Great I see now the trees too:
Note: creating tileset for Cesium is not supported in this tool. Cesium uses an other system (ECEF - earth centric earth fixed) so all the coordinates are different.
ah thanks for the hint. Do you think it could be difficult to add as an option to your program ? If it seems feasable, I could try a PR.
Adding Cesium support is not on the roadmap. It's quite a challenge to get it right but feel free to send PR's.
Thanks a lot for your help, i'll close this issue for now as at the moment, generated tiles are not meant to be loaded in Cesium
Hi bertt,
I've tried to do the steps based on your guidance. I did the first part (creating sample data set in SQL and run the tool on the command line). The files (tilesets and i3dm files) are stored on local storage. It seems that there is a problem with the tilesets when I try to open the Html file (There is no tree on the map) and there are two errors in the console (. I even tried to run your outcome example from the output folder and saw the same error in the console.
Is this error have anything to do with storing tileset and .i3dm files on the local storage?
Could you please take a look and see if there is anything I can do?
did you start a webserver? btw: can you open new issues for these kind of questions?
@bertt @fnicollet
Thanks for the tip!
did you start a webserver? btw: can you open new issues for these kind of questions?
Sure! Will do it.
Regards
Morteza