search

vasturiano / globe.gl

UI component for Globe Data Visualization using ThreeJS/WebGL
https://vasturiano.github.io/globe.gl/example/world-population/
MIT License
2.04k stars 301 forks source link

Map images and Zoom trigger? #4

Closed Alexithemia closed 4 years ago

Alexithemia commented 4 years ago

Is there any good place to get images to use for this globe? Or do you have any specifications on sizes it should use?

I have been looking for awhile and can't find a spot to get images i can use for wrapping around the globe.

Also is there any access to a zoom triggered function? I would like to try loading a more detailed map when zoomed in to a certain level, also maybe load different set of data at that point? So points can be clustered together when zoomed out and expand when zoomed in enough.

vasturiano commented 4 years ago

@Alexithemia you can find a nice collection of globe images from NASA's blue marble set: https://visibleearth.nasa.gov/collection/1484/blue-marble

As for the zoom events, I've just added a new method onZoom which lets you add your handler callback:

onZoom(({ lat, lng, altitude }) => /* your code /*)
Alexithemia commented 4 years ago

Thanks a bunch!

kkhanhluu commented 4 years ago

Can I prevent user from zooming when he scrolls the mouse?

vasturiano commented 4 years ago

@kkhanhluu you can disable zooming abilities from the orbit controls.

myGlobe.controls().enableZoom = false
iamanas20 commented 3 years ago

Hey @vasturiano, How can I programmatically zoom in and out, using + and - button for example?

TomSB1423 commented 2 years ago

Thanks a bunch!

Hey @Alexithemia did you manage to load more detailed maps on zoom? I am thinking of doing a similar thing, any guidance would be appreciated.

j2is commented 1 year ago

Hey @Alexithemia and @TomSB1423 did you manage to load more detailed maps on zoom?