How to use the react-map-gl/utils/transition-manager.TRANSITION_EVENTS.UPDATE function in react-map-gl

To help you get started, we’ve selected a few react-map-gl examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github uber / react-map-gl / test / src / utils / transition-manager.spec.js View on Github external
transitionProps = Object.assign({}, TransitionManager.defaultProps, props, {
          transitionInterruption: mode
        });
        time = i * UPDATE_INTERVAL;
        transitionManager.processViewportChange(transitionProps);
      });
      // testing interpolator
      t.is(
        transitionManager.state.interpolator === testCase.input[ti].transitionInterpolator,
        testCase.shouldChange[mode].transitionInterpolator,
        'transitionInterpolator match'
      );

      // testing duration
      const testDuration =
        mode === TRANSITION_EVENTS.UPDATE
          ? testCase.input[ti].transitionDuration - UPDATE_INTERVAL
          : testCase.input[ti].transitionDuration;
      t.is(
        equals(transitionManager.state.duration, testDuration, 1e-7),
        testCase.shouldChange[mode].transitionDuration,
        'transitionDuration match'
      );

      // testing easing function
      let testEasingFunc = testCase.input[ti].transitionEasing;
      if (mode === TRANSITION_EVENTS.UPDATE) {
        const completion = UPDATE_INTERVAL / testCase.input[ti].transitionDuration;
        testEasingFunc = cropEasingFunction(testCase.input[ti].transitionEasing, completion);
      }

      t.is(
github uber / react-map-gl / test / src / utils / transition-manager.spec.js View on Github external
[TRANSITION_EVENTS.BREAK]: {
        transitionInterpolator: false,
        transitionDuration: false,
        transitionEasing: false
      },
      [TRANSITION_EVENTS.SNAP_TO_END]: {
        transitionInterpolator: false,
        transitionDuration: false,
        transitionEasing: false
      },
      [TRANSITION_EVENTS.IGNORE]: {
        transitionInterpolator: true,
        transitionDuration: true,
        transitionEasing: true
      },
      [TRANSITION_EVENTS.UPDATE]: {
        transitionInterpolator: true,
        transitionDuration: true,
        transitionEasing: true
      }
    }
  },
  {
    title: 'Transition events',
    initialProps: {
      width: 100,
      height: 100,
      longitude: -70.9,
      latitude: 41,
      zoom: 12,
      pitch: 60,
      bearing: 0,