Three.js + leaflet = 3D maps?

Question

This may be a pretty hefty task, but I'm looking for something that can help me create 3D maps with leaflet. I already have leaflet up and running, I just want to transform them into 3D perspective.

My only purpose for this is to display buildings in 3D. I have already used OSM Buildings, however they are not real 3D.

I also found ReadyMap, by Pelican Mapping, which supports Leaflet already, but I cannot get this API to work successfully because they haven't updated it in awhile. I've already asked on their Github, so there isn't much coming from that road as of now unless I can figure out how to fix the ReadyMap issues (and their src is tens of thousands of lines). I also have no clue whether OSM buildings would even work with ReadyMap.

So right now, I'm looking for any other options out there. My 2 biggest prospects are

Cesium AGI

and

Three.js

I essentially want my end result to look something like this:

Go here, and click "Earth" on the right.

Any help would be greatly appreciated!

Answer 1

There is something called F4 Map, but there is not much information about this project. Check OSM wiki for some details.

Example of map: Moscow

Answer 2

You may take a look of maptalks, a javascript library to create integrated 2D/3D maps.

(I'm the main author)