search

mushon / IWBA

The International Water Bank Association's Water Deposit exhibit - a water ATM for depositing your first drops
0 stars 1 forks source link

implement map toggle #9

Closed mushon closed 7 years ago

mushon commented 8 years ago

use mapbox style transition. @mushon will enter the color hex numbers and will reassign to @wonyoungso

mushon commented 8 years ago

Rather than style transition I think we can use layer transparency. We'll have layers for both color scales and then fade them in/out via JS. I will post the layer names tomorrow so @wonyoungso can experiment with it.

mushon commented 7 years ago

ok, I finally managed to get zooms 0-3 working. Now we can add a checkbox (which I will style as a toggle) for switching layer visibility. The 5 drought layers start with drought-* and are visible by default, the 5 profit layers start with profit-* and are off by default. The toggle should switch the visibility of these 5:

Default drought mode: image

Profit mode: image

wonyoungso commented 7 years ago

Done except adding toggle button. implemented in webpack/components/MapToggleBtn.js

mushon commented 7 years ago

Switch the toggle behavior from layer visibility to layer opacity (ideally animated) for better responsiveness of the map toggle

wonyoungso commented 7 years ago

It's almost impossible...