How to draw 3d graphics on google map?

Questions
1

Please watch the video. 0. Overview - HelioScope Knowledge Base.
I want to draw 3D roof on map like helioscope, can you give me some advice how to connect three.js with map ?

2

I would start with mapbox, using one of these references:

Doing the same with Google Maps API is difficult, I’m not aware of any out-of-the-box tools for it, and it has no 3D view.

3

Any luck with this @cooljser? Was looking at Cesium but looking for google maps instead if there are any.

4

@cooljser

I create a Three.js scene and then add a Google Map as a texture on a Three.js plane

https://rawgit.com/ladybug-tools/spider/master/analemma3d/index.html#r20/analemma3d.html#latitude:37.8024,longitude:-122.4058,zoom:16,offsetUTC:-420

image
image1840×975 670 KB

1 Like
5

Check out maptalks
Never used it, but has some cool demos.
There’s one with support for ThreeJS layers.

6

Now it is possible using Google map WebGL Overlay View

my work

image
image1177×582 130 KB

1 Like