Make your own Google Maps Web App (Cesium JS and Rhino)

I will go through today how to take your building models can create a web app with a google maps 3D tilset. You can geolocate and position your models from a variety of 3d software and try various options. This video is just an intro and cover the basics however you can go much further implementing other urban data and model information into your google maps scene taking advantage of the portability of a web app.
In a previous video which you can find in the description below, I showed how to use google earth tiles in combination within unreal 5 where you can also import your models so I recommend to also take a look at this video
We will be mainly using 2 services, the first Cesium JS a platform for geospatial data. There are other versios of cesium for other platorms for exmple like unreal engine but the JS version is specially for web use. And then of course we wil use the google maps API to stream the 3d tile data to our app.
Although making this web app needs some coding knowledge, I have simplief the boilet plate code so all you need to do is adjust three settings in the script so nothing complicated. Which I will take you through step by step.
Previous video on unreal, cesium and google tiles: • Custom Models in UNREA...
Github code: github.com/urbandecoders/Cesi...
cesium js quickstart: cesium.com/learn/cesiumjs-lea...
google maps tiles api: developers.google.com/maps/do...
00:00 Introduction
00:22 Cesium features
01:23 3D model prep
02:32 Code template for web app
03:02 Cesium ION upload model
07:03 Google Map Tiles
08:18 Running the app
08:43 Overview
Instagram account: / urbandecoders
#webapps #architecture #rhino3d #urban #video #animation #urban #architecture #cesium #unreal #ai #googlemapstiles #masterplanning #urban #maps #geospatial

[@ym-bn6pw]

Very Helpful! Thanks!

[@yeslemahmedoumar8282]

Thank you for this great video ❤

[@davidrichard1910]

Thank you for this great video. She will put very useful. If you have another on the same theme, I'm a taker. What is very useful to me in your video is the code you share. I'm not a developer, so this helps me a lot.

[@Urban_Decoders]

Glad it was of help! I will be doing more videos on cesium but if they require any code (such as cesium.js) i will be sure to publish it on the urbandecoders github so anyone can follow along.

[@VikramMega]

Very helpful thanks. Is it possible to make it in react or next.js?

[@Urban_Decoders]

Sure, this is using the javascript library so you could combine with a framework to make your urban dashboards