Home > Software engineering >  WebGL Overlay Google map: How to cast Shadows?
WebGL Overlay Google map: How to cast Shadows?

Time:11-27

How can I make the 3d objects that I load into the map using The WebGL overlay API, to cast shadows on the map tiles and on other loaded objects?

It seems to me that this is not supported yet( or this feature is removed) so is there any workaround?

Preferred WebGL framework: ThreeJs

CodePudding user response:

A workaround with threeJS would be to put a thin box(it will not work with planeGeometry) on the ground that is completely transparent but receives the shadow. this can be achieved by opacity 0.3 plane over google map layer

with color plane for example

after @yosan_melese code enter image description here

  • Related