0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Harmoware-VIS】マップ移動時にFlyToエフェクトの使い方

Posted at

#Harmoware-VIS とは

#マップ移動時にFlyToエフェクトの使い方

視点移動をエフェクトしたい場合はactions.setViewportの引数のviewporttransitionDurationを追加し、時間(ミリ秒)を設定委してください。

this.props.actions.setViewport({...changeview,
transitionDuration: 9999});

transitionDurationのタイプはnumberです。
numberの単位はミリ秒で、移動にかける時間を指定します。

移動エフェクトのタイプも変更可能です。
既定は「LinearInterpolator」で目的ポイントまで最短経路での移動のエフェクトです。
もうひとつは「FlyToInterpolator」で目的ポイントまで弧を描く経路での移動のエフェクトです。
詳細は各クラスのリファレンスを参照してください。

this.props.actions.setViewport({...changeview,
transitionDuration: 9999,
transitionInterpolator:new FlyToInterpolator()});
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?