Implements the TransitionInterpolator
interface. Designed to use with the transitionInterpolator
prop of InteractiveMap.
Interpolates all viewport props linearly. This interpolator offers similar behavior to Goong's easeTo
when combined with a transitionEasing
function. You may optionally limit the transition to selected viewport props, for example new LinearInterpolator(['pitch', 'bearing'])
animates pitch and bearing while the user is still allowed to pan and zoom.
import ReactMapGL, {LinearInterpolator} from '@goongmaps/goong-map-react';
<ReactMapGL
...
transitionDuration={1000}
transitionInterpolator={new LinearInterpolator()} />
new LinearInterpolator([options])
Parameters:
options
{Object} (optional)transitionProps
{Array} (optional) - list of prop names to interpolate. Default: ['longitude', 'latitude', 'zoom', 'pitch', 'bearing']
.around
{Array} (optional) - a point to zoom/rotate the map around, as [x, y]
in screen position.