In my usecase the animation is chopped while zooming in. Currently mapbox-gl implements smooth easing on zoom events: https://www.mapbox.com/mapbox-gl-js/examples/
Highly appreciated feature if implemented :)
Related to:
https://github.com/mapbox/mapbox-gl-js/pull/3189/commits/ecaba7508aaed9ee617ac1dc9ca2106e5e8c4063#diff-91ad654374133c7bf9558652da3838c1
tomsiwik
All 9 comments
+1. It would be nice if react-ma-gl had smoothing on zoom, and mouse-drag "throwing" like mapbox-gl-gs.
nicbor
on 15 Mar 2018
+1. This is such a natural requirement.
Bubbleinpit
on 13 Jun 2019
+1
julians
on 1 Oct 2019
Maybe you could try to set the transitionDuration and transitionInterpolator property on the Map component:
<ReactMapGL transitionDuration={1000} transitionInterpolator={new FlyToInterpolator()}>
Source: https://uber.github.io/react-map-gl/#/Documentation/api-reference/interactive-map?section=transitions
chrtze
on 1 Oct 2019
@chrtze thanks for the suggestion. I think this might work. However I'm currently on a different project unrelated to map-gl. In an upcoming project or when I find some time I will use your idea.
tomsiwik
on 6 Oct 2019
+1 on drag events.
ugur47
on 21 Jan 2020
+1 maps are so smooth on mapbox, why is it so slow on react-maps-gl?
axleun
on 8 Apr 2020
Sadly I think it's hopeless to get a smooth zoom using react-map-gl in the future. Because it's philosophy is to be "stateless". It is designed to be a stateless component.
Bubbleinpit
on 9 Apr 2020
This will be addressed in v5.3/v6.1. Currently available in 6.1.0-beta.1.
Pessimistress
on 24 Jan 2021
Related issues
jenyeeiam
路
4Comments
AriLFrankel
路
3Comments
Majaspic
路
4Comments
iamvdo
路
5Comments
xoddong
路
4Comments
Most helpful comment
Maybe you could try to set the
transitionDurationandtransitionInterpolatorproperty on the Map component:<ReactMapGL transitionDuration={1000} transitionInterpolator={new FlyToInterpolator()}>Source: https://uber.github.io/react-map-gl/#/Documentation/api-reference/interactive-map?section=transitions