Streets GL – 3D OpenStreetMap
58 comments
·January 7, 2025folli
npteljes
Fantastic project and front page. I'm sorry I have nothing to add, I'm just amazed be the effort, and how smooth, fast and straightforward it all is presented.
folli
Thank you, much appreciated!
sureglymop
This is awesome! Did you know that swisstopo publishes a dataset of 3D models of many swiss buildings complete with accurate roof shapes?
I think version 3 is now in beta and last I checked they even covered remote areas and alp huts: https://www.swisstopo.admin.ch/en/landscape-model-swissbuild...
folli
Swisstopo is great. Recently, I was playing around with their LIDAR dataset, really cool.
For CubeTrek, however, I needed some kind of dataset with global coverage, that's why I settled in SRTM data.
jmkb
This is a beautiful project but unfortunately the OSM data's out of date -- over a year old at this point. Based on https://github.com/StrandedKitty/streets-gl/issues/182 it seems like this might be abandonware.
reddalo
That's sad, but maybe somebody will see it here and decide to maintain this very cool project!
culebron21
A similar project doing exactly the same, that has been working for years, with lighting and weather effects: https://demo.f4map.com/
NoboruWataya
This is awesome. I didn't realise OSM even had such detailed data on building shapes. As others have noted, outside (or on the outskirts of) major cities the data is quite sparse but central London, for example, looks great.
justinclift
Yeah, the OSM data seems really complete for some cities. Co-incidentally, I've recently been putting together some 3D GIS visualisation stuff using OSM data.
Try zooming in to pretty much any capital city, then use the right mouse button to rotate the viewpoint so the 3D shows up properly:
That's just a temporary domain and an in-development project, but (to me) it seems to be working pretty well. Can build applications on top of this.
justinclift
As a data point, holding down the shift key + using the arrow keys at the same time also works for moving the camera viewpoint. It's not as fine grained as the right mouse button, but it works "well enough" as an alternative for setups without a right mouse button. :)
jaimex2
Doesn't load for me, just get a white page.
fladd
Doesn't seem to work in Firefox. You get just a white view.
85392_school
I'm in Chrome and I'm also stuck on a white view, probably because https://streets.gl/js/index.js cuts off halfway through
Digit-Al
Same for me. I get the following messages in the console:
Loading failed for the <script> with source “https://streets.gl/js/index.js”. streets.gl:1:940 A resource is blocked by OpaqueResponseBlocking, please check browser console for details. script.js Loading failed for the <script> with source “https://analytics.streets.gl/js/script.js”. streets.gl:1:815
xcf_seetan
Same here, Firefox on a Debian machine and firefox just finished updating...
pmontra
I get a CORS error in the console. And a WebGPU error in Chrome. This is a Linux Debian machine.
cess11
Works in FF for me. It's rather resource hungry, maybe an OOM? Judging from RAM consumption I'm guessing it doesn't utilise GPU, but maybe it does and didn't fit in mine.
mholt
Not OOM. (I have 128 GB. Using... 7. lol)
shwaj
Me too. White screen on Chrome, iOS and macOS.
column
Press Tab, use WSAD to move and mouse to aim = Discount Flight Simulator! Love it.
timmg
In case one of the developers is reading, small-ish bug: I increased the vertical field of view "all the way" to 120 degrees. When in "morning" mode, there is a rectangular "shade" over the right bottom corner of the screen. When in "evening" mode it is in the left bottom quarter. (At least on my MBP with Chrome.)
gorbypark
This is awesome! I'm not a gamer but a huge map nerd, however I've always dreamed of a "real world" mmorpg. I've taken a stab at learning Unreal to combine with some map data but never got too far.
I think this is a better approach. I assume it's using "regular" vector tiles and rending things based on that? Like where a map usually has green fill for trees, it's rendering out a patch of trees?
Super cool.
folli
This might interest you: https://cesium.com/learn/unreal/unreal-photorealistic-3d-til...
butz
With textures this looks nicer than demo.f4map.com , but sadly, map data is way too old. And bridges are still a huge issue. With name like "Streets" I was expecting to be able to drive around in some sort of vehicle.
matthewbauer
Very cool! It looks like it assumes everything is flat, but I bet you could pull in elevation data from OSM as well.
ygra
It does use elevation data, but does not exaggerate it, I guess. Back when I was working with 3D maps, we noticed that many people liked exaggerated terrain heights better, especially when the terrain is viewed from above and realistic heights looked “flat”. Near where I live it looks fairly close to what it does in real life: https://streets.gl/#48.50063,8.99766,7.25,312.50,135.56 (granted, having added building and roof colors for almost all buildings also helps).
fitsumbelay
the 4 story building I live in is rendered like a basement only dwelling which is actually growing on me the more I look at it ...
zaik
You could add a building:levels value to the object in OpenStreetMap, to record the information of how many stories your building has.
ygra
While a good idea in general (the StreetComplete app makes this very easy, by the way), this won't help for this app, as the data is from September 2023. Otherwise I'd love to use it more to validate how renderers handle different buildings. F4Map should show the change fairly quickly, though.
mahdihabibi
Failed to load resource: net::ERR_HTTP2_PROTOCOL_ERROR index.js:1
mahdihabibi
I pressed tab and it started working
In case anyone is interested in 3D Terrain simulation (specifically for GPS tracks, e.g. hiking, skiing): I'm working on https://cubetrek.com
Source is here: https://github.com/r-follador/cubetrek