React Map GL: update props for LinearInterpolator (#43313)

This commit is contained in:
David Baumgold
2020-03-22 21:48:56 +01:00
committed by GitHub
parent cf0edd580e
commit b8a3c1dd68
2 changed files with 26 additions and 1 deletions

View File

@@ -223,8 +223,13 @@ export enum TRANSITION_EVENTS {
export class TransitionInterpolator {}
export interface LinearInterpolatorProps {
transitionProps?: string[];
around?: number[];
}
export class LinearInterpolator extends TransitionInterpolator {
constructor(transitionProps?: string[]);
constructor(transitionProps?: LinearInterpolatorProps | string[]);
}
export interface FlyToInterpolatorProps {

View File

@@ -14,6 +14,7 @@ import {
ViewportProps,
Source,
Layer,
LinearInterpolator,
} from 'react-map-gl';
import * as MapboxGL from 'mapbox-gl';
import { FeatureCollection } from 'geojson';
@@ -122,6 +123,25 @@ class MyMap extends React.Component<{}, State> {
width={400}
ref={this.setRefStatic}
/>
<button
onClick={() => {
const nullPoint = [0, 0];
const li = new LinearInterpolator({
around: nullPoint,
});
this.setState(prevState => ({
viewport: {
...prevState.viewport,
latitude: nullPoint[1],
longitude: nullPoint[0],
transitionInterpolator: li,
transitionDuration: 100,
},
}));
}}
>
Jump to Null Point
</button>
</div>
);
}