Introducing 3dmodelsOSM - render 3d models with OSM data

[yopaseopor]

Before I start to write a big warning: This is not fantastic Streets.gl or something like that and It would never be.

Now in alpha state.

3DModelsOSM is a “unique” and generic model renderer proof of concept using Openstreetmap data. The intention is to have the nearest view for these kind of models in place. Making a fork you can change the unique models and the generic textures with your own.

How it works:

3 possibilities

• Search a key=value in overpass (choose the server it works better for you and don’t query too much) and see what is render with CSV-custom language list.
• Load a geojson packet or custom overpass queries with some data from Openstreetmap (specific group of tags or specific place) . Now you have it the bottom-right section
• Load your own geojson and your own geotiff (no need to be from OSM, use at your own risk)

Then click to the cube you will find in the top-right and wait a little bit (to assure it is working correctly you can run your browser console)

How you can make it “evolve”

• Do forks and contribute with models and others systems to render correctly the models and textures.
• Edit OSM the most micromappingly way you could. More info would be better reality to represent.

Tags you will find rendered here:

‘amenity=bicycle_parking’
‘amenity=motorcycle_parking’
‘amenity=parking_space’
‘amenity=parking’
‘amenity=parking’, ‘orientation=diagonal’
‘amenity=waste_basket’
‘area:barrier=kerb’
‘area:highway=cycleway’
‘area:highway=footway’
‘area:highway=footway’, ‘footway=crossing’
‘area:highway=footway’, ‘footway=sidewalk’
‘area:highway=residential’
‘barrier=kerb’
‘building’
‘building=residential’
‘footway=sidewalk’
‘highway=footway’
‘highway=residential’
‘highway=street_lamp’
‘highway=street_lamp’, ‘lamp_mount=straight_mast’
‘highway=track’
‘highway=traffic_signals’
‘highway=traffic_signals’, ‘traffic_signals=cyclist_crossing’
‘highway=traffic_signals’, ‘traffic_signals=pedestrian_crossing’
‘leisure=garden’
‘leisure=playground’
‘man_made=pole’
‘manhole=drain’
‘manhole=drain’
‘name=Casa Batlló’
‘name=La Pedrera’
‘name=Torre Mapfre’
‘natural=tree’
‘natural=wood’
‘parking_space=disabled’
‘recycling_type=container’
‘traffic_sign=ES:R101’
‘traffic_sign=ES:R2’
‘waterway=drain’
‘waterway=stream’
‘wikidata=Q1425790’
‘wikidata=Q207870’
‘wikidata=Q2689231’
‘wikidata=Q336246’
‘wikidata=Q48435’
‘wikidata=Q575953’

try it: 3DModelsOSM

[Zkir (Urban Eye)]

@yopaseopor could you please share more screenshots?
It seems that I am too stupid to understand how to go from 2D map to 3D renderer. (or why to query key=value pairs…)

[yopaseopor]

I don’t think so. Probably I had better days explaining myself.

1-Overpass selector

Here it is the way to do overpass queries, with csv predictive searcher.
Once you have the results with the points selected you can click/touch the cube you have on top at right side.

The result should be something similar to this with models applied

2-Loading geojson packet.
You have the overlays selector under the Layers selector. In Test (there will be more options you will find some packs of geojsons. My favourite is VNG 5 (the first screenshot is from that) but you can use whatever you will find there.

3-Loading geojson and geotiff at your own risk.
Under the CSV predictive selector value searcher you will find two loaders:
Geojson loader to load the json and then, when you have loaded the data and use the cube you can use the “Terrain Control” loader with Geotiff file and TFW file

And then you can load terrain.
The results are not the best, you can load whatever files you want but for example the geotiff loader reloads the models in the correct altitude so you can see models from 75 meters above the sea…75 meters from the ground getting a duplicate weird view.

But like all of this is a proof of concept I’m sure someone will take the idea and will make it better. I hope this new explanation would be better than first one :) Sorry for my bad English.

[yopaseopor]

Here it is playground:

amenity=bench
amenity=drinking_water
barrier=fence
leisure=playground
playground=slide
playground=springy
playground=swing

You can try it in this zone with overpass:
https://yopaseopor.github.io/3dmodelsosm/?lang=ca#map=22.463/41.21984/1.71632/-0.87
Or download as geojson and load it with geojson loader.