Search code examples
javascriptgoogle-maps3dgoogle-maps-drawing

Add a 3D layer on a Google Maps object


I want to add a 3D layer showing cloud location and elevation on a Google Maps.

The idea is that when you tilt the map (ctrl+drag in Earth mode) you could see how high each cloud is.

I found this article which explains how to add 3D buildings but it's "fakes", cheating with the latitudes to get some height effect:

http://johndyer.name/drawing-3d-objects-and-building-on-google-maps/

3d layer

I couldn't find anything up to date in the doc.


Solution

  • Google seems to be silent about 3D features in Javascript API. Closest I can get to this are Styled Maps but nowhere does it specifically indicate 3D. Only Android implementations are available as of now.

    I did some research and found this library which help you build 2D and 3D: https://github.com/OSMBuildings/OSMBuildings