vasturiano / three-globe

WebGL Globe Data Visualization as a ThreeJS reusable 3D object
https://vasturiano.github.io/three-globe/example/links/
MIT License
1.24k stars 147 forks source link

Ability to add another image on globe #9

Open stripathix opened 4 years ago

stripathix commented 4 years ago

Is your feature request related to a problem? Please describe. The problem I am facing is that i need to render another PNG over the globe generated.

Describe the solution you'd like I have a PNG image with a transparent background that looks like below. This is generated with information describing the corners of this image.

Corner Coordinates:
Upper Left  (-130.0000000,  55.0000000) (130d 0' 0.00"W, 55d 0' 0.00"N)
Lower Left  (-130.0000000,  20.0000010) (130d 0' 0.00"W, 20d 0' 0.00"N)
Upper Right ( -60.0000020,  55.0000000) ( 60d 0' 0.01"W, 55d 0' 0.00"N)
Lower Right ( -60.0000020,  20.0000010) ( 60d 0' 0.01"W, 20d 0' 0.00"N)
Center      ( -95.0000010,  37.5000005) ( 95d 0' 0.00"W, 37d30' 0.00"N)

image

It will be really nice to overlay given images on the globe at the specified region.

Additional context Cesium does something similar that add imagery overlays on the globe. Which results like image

Ref: https://sandcastle.cesium.com/gallery/Imagery%20Layers%20Manipulation.html

lslzl3000 commented 4 years ago

Same feature request, I need to add images/videos on the surface, just like text labels

vasturiano commented 4 years ago

Thanks for your request @stripathix, it's a great idea! Is this something that could be implemented for now using a custom layer?

Once there is a working version of it we could work towards having this added as reusable stock layer.