Cesium Realistic 3d Tiles (disabled)
This is disabled (but the code can work)!
Though the code works, I’ve disabled it by not including the API key: you need a serverless environment that can do more than host static-pages like github otherwise you can’t secure your secret keys.
Purpose: 3D Viewer over Calgary
This is what it is supposed to look like when not disabled (viewer is located at bottom of page)…
Create an experiment to integrate CesiumJS Viewer using Google 3D tiles into a serverless environment via Jeykyll on github, and point the viewer via 3D coordinates + 3D heading/pitch/roll to view Calgary, Canada.
It was an interesting experiment because generally, when you push things into a public repository you cannot hide important aspects like secrets such as the API key for an endpoint. Instead I had to dig into the documentation a bit and figure out how to do it only to discover you need a serverless environment with more security than Github pages.
Related links
See these links for details:
- Consuming Google 3D photorealistic tiles: https://developers.google.com/maps/documentation/tile/3d-tiles
- Securing secrets on github: https://www.youtube.com/watch?v=IuT0Ua7V4xA
- Offline server for homemade 3D tiles: https://github.com/CesiumGS/cesium/tree/main/Documentation/OfflineGuide
Next steps
Explore the use of Streamlit as Dr. Wu’s recommendation:
- https://discuss.streamlit.io/t/display-a-cesiumjs-3d-map-in-a-streamlit-web-app/19993