スワイプ ウィジェット

スワイプ ウィジェットでは、レイヤーとマップを比較できます。 ウィジェットでは、マップの区切り線を移動またはスワイプし、マップまたはレイヤー間を切り替えることができます。

このウィジェットを使用して、次のようなアプリの設計要件をサポートします。

  • 過去の都市のマップと現代の画像を比較できます。
  • 沿岸の都市における海面上昇を予測します。
  • 同じ場所の 2D マップと 3D シーンをスワイプできます。

使用上の注意

このウィジェットには、マップ ウィジェットへの接続が必要です。 マップ ウィジェットは、少なくとも 1 つのデータ ソースに接続されている必要があります。

注意:

接続済みのマップ ウィジェットに配置されたウィジェット (凡例やチャートなど) も、スワイプ ウィジェットのスワイプ動作の影響を受けます。

アプリにこのウィジェットを含めると、ユーザーにはスワイプ ツールをオンにするスイッチが表示されます。 ウィジェット パネルには、ウィジェットの設定でスワイプに含めるよう指定したすべての Web マップとレイヤーもリストされます。

設定

スワイプ ウィジェットには次の設定があります。

  • [テンプレートの選択] - ウィジェットのテンプレートを、[単純][高度] から選択します。 どちらのテンプレートも、水平向きまたは垂直向きに配置できます。
    • [単純] ‐ドラッグ可能なハンドルを含むスライダーをマップに追加します。 これは、2 つのものを比較する際に適しています。
      • [マップ ウィジェットの選択] - マップ ウィジェットを選択します。
      • [スワイプ モード] - 1 つのマップのレイヤー間をスワイプするか、2 つのマップまたはシーン間をスワイプします。 後者のオプションを使用するには、接続されているマップ ウィジェットには 2 つのデータ ソース (2 つのマップ、2 つのシーン、または 1 つのマップと 1 つのシーン) が含まれている必要があります。
      • [設定のカスタマイズ] - この設定は、[スワイプ モード] オプションごとに異なりますが、どちらの場合でも、スライダーのどちら側にどのレイヤーが表示されるかを指定します。
        • [1 つのマップのレイヤー間をスワイプ] - 接続されたマップをクリックして [レイヤーの選択] パネルを開くと、前に表示するレイヤーと後に表示するレイヤーを指定できます。 前に表示するレイヤーは、ウィジェットに対して選択した方向に応じて、スライダーの上側か左側に表示されます。 後に表示されるレイヤーは、スライダーの下側か右側に表示されます。
          注意:

          [1 つのマップのレイヤー間をスワイプ] は、Web シーン、マップ イメージ レイヤーのサブレイヤー、またはグループ レイヤーはサポートしていません。

        • [Web マップまたは Web シーン間をスワイプ] - [反転] ボタンをクリックすると、2 つのマップまたはシーンの順序を入れ替えることができます。
      • [一般設定] - 一般設定を構成します。
        • [スライダーの初期位置] - マップ上でスライダーの開始位置をパーセンテージ ([%])、つまりマップの高さまたは幅に対する割合として定義します。
        • [区切り線の色] - スライダーの区切り線の色を変更します。
        • [ハンドルの色] - スライダーをドラッグする際に使用されるハンドルの色を変更します。
        • [レイヤーの非アクティブ化を許可] ([1 つのマップのレイヤー間をスワイプ] モードに表示) - 実行時にスワイプ ウィジェットのパネルで前に表示されるレイヤーと後に表示されるレイヤーをオフにできます。
    • [高度] - ウィジェットに対して選択した方向に応じ、マップの下側か右側にスクロール バーを追加します。 これは、2 つ以上のレイヤーを、1 レイヤーずつ比較する場合に適しています。 [高度] テンプレートは、Web シーン、マップ イメージ レイヤーのサブレイヤー、グループ レイヤーはサポートしていません。
      注意:

      [高度] テンプレートを選択した場合は、接続されているマップ ウィジェットにスワイプ ウィジェットを配置しないでください。 配置すると、スワイプ機能が操作できなくなります。

      • [マップ ウィジェットの選択] - マップ ウィジェットを選択します。
      • [設定のカスタマイズ] - スワイプに含めるレイヤーを指定します。 接続されたマップをクリックして [レイヤーの選択] パネルを開くと、スクロール レイヤーを指定できます。
      • [一般設定] - 一般設定を構成します。
        • [区切り線の色] - レイヤー間に表示される区切り線の色を変更します。
        • [レイヤーの非アクティブ化を許可] - 実行時にスクロール レイヤーをオフにできます。

以下の表に、3 つのスワイプ モードと、サポートされているデータ タイプを示します。

モードWeb マップWeb シーンWeb マップの個々のレイヤーWeb シーンの個々のレイヤー

単純: 1 つのマップのレイヤー間をスワイプ

Yes

単純: Web マップまたは Web シーン間をスワイプ

Yes

Yes

高度な設定

Yes


このトピックの内容
  1. 使用上の注意
  2. 設定