Geek Answers Handbook

Three.js + leaflet = 3D maps?

It can be quite a challenge, but I'm looking for something that can help me create 3D maps with an elevator. I already have a flyer and launch, I just want to convert them to a 3D perspective.

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

I also found ReadyMap , Pelican Mapping, which already supports Leaflet, but I can't get this API to work because they haven't updated it after a while. I already asked about their Github, so there’s not so much off this road if I can’t figure out how to fix ReadyMap problems (and their src are tens of thousands of lines). I also don't know if OSM buildings will work with ReadyMap.

So now I'm looking for any other options. My biggest prospects:

Cesium AGI

and

Three.js

I want my end result to look something like this:

Go here and click "Earth" on the right.

Any help would be greatly appreciated!

+7
javascript map 3d leaflet
source share
3 answers

There is something called F4 Map, but there is little information about this project. See the OSM wiki for more information.

Sample map: Moscow

+3
source share

You can check out the new version of OSMBuildings , which is real 3D.

+2
source share

You can look at maptalks , a javascript library for creating integrated 2D / 3D maps.

(I am the main author)

0
source share

More articles:


All Articles