次の方法で共有


マップでの図形の描画と挿入 (プレビュー)

[このトピックはプレリリース ドキュメントであり、変更されることがあります。]

マップに描画パネルを追加して、ユーザーがマップ上に図形を描画してラベルを付けることができるようにします。 事前定義された形状を挿入してラベルを付け、特定の領域または関心領域を強調表示することもできます。

図形が描画され、ラベルが付けられた マップ コントロールのスクリーンショット。

重要

  • これはプレビュー機能です。
  • プレビュー機能は運用環境での使用を想定しておらず、機能が制限されている可能性があります。 これらの機能を公式リリースの前に使用できるようにすることで、顧客が一足先にアクセスし、そこからフィードバックを得ることができます。

前提条件

  1. キャンバス アプリを作成し、これが 地理空間の前提条件 を満たしていることを確認します。
  2. マップを挿入します

インタラクティブ マップ上に図形を描画してラベルを付ける

  1. マップ コントロールの プロパティ ウィンドウで、次のプロパティをオンにします。

    • (プレビュー) 図形描画を有効にする

    • (プレビュー) 図形の削除とラベルの編集を有効にする

      マップ コントロールのプロパティ ウィンドウのスクリーンショット。図形の描画プロパティがオンになっていることを示しています。

    マップ コントロールの左上隅に描画パネルが表示されます。

    描画パネルが強調表示された、キャンバス アプリの マップ コントロールのスクリーンショット。

    パネルには 3 つのツールがあります。

    • 自由形状を描画するためのポリゴン描画ツール
    • 正方形や長方形を描くための正方形の描画ツール
    • 円や楕円を描くための円描画ツール
  2. ツールを選択し、マップ上に図形を描画します。 自由形状を終了して閉じるには、最後の点をダブル クリックします。

描画された図形には自動的にラベルが付けられます。 ラベルを変更するには、形状を選択してから、マップの右上隅にあるボックスに新しい名前を入力します。

図形を削除するには、図形を選択してから、ゴミ箱を選択します。

ゴミ箱アイコンとラベル ボックスのある、図形とラベルのサンプルを含む マップ コントロールのスクリーンショット。

GeoJSON の図形をマップにインポートします

すでに GeoJSON 形式で定義されている形状がある場合は、それらをマップにインポートできます。 たとえば、強調表示する特定の領域を定義する形状があるとします。

データ ソースの各形状の GeoJSON 文字列は、正しい形式で、単一のセル内にある必要があります。

図形をインポートするには、最初にデータ ソースを マップ コントロールに接続します。 次に、次の例のように、コントロールのプロパティをデータ ソースの適切な列に割り当てます。

マップ コントロールの高度なプロパティのスクリーンショット。データ ソースフィールドが提供され、結果の形状がマップに表示されます。

データ ソースは、少なくとも 3 つの列を持つ名前付きテーブルである必要があります。 各列は、マップ コントロールの詳細プロパティに対応しています。

列の説明 対応先 必須
この図形の 正しい形式 での GeoJSON 座標 図形 GeoJSON オブジェクト 必須
図形ラベル 図形ラベル オプション
図形の色 図形の色 オプション

ヒント

名前、CSS 色の定義、または RGBA 値 を使用して色を指定します。 色が指定されていない場合、形状はアプリの規定を使用します。

データ ソースは名前を付ける必要があります。 Excel ブックをデータ ソースとして使用している場合は、データを含むテーブルの名前を使用してください。 この例では、Seattle1 という名前の Excel テーブルから図形をインポートします。

GeoJSON 形状データを含む Excel のテーブルのスクリーンショット。

  1. 次のサンプル データを空白のブックにコピーし、テーブルとしてフォーマットして、テーブルに Seattle1 と名前を付けます。 次に、ブックをデータ ソースとしてマップに接続します。 同様の例を使用した詳細な手順については、データ ソースを使用して、地図上にピンを配置しますを参照してください。

    GeoJSON 事例数 カラー
    Adams {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Adams","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-118.9503,47.2640],[-117.9590,47.2586],[-117.9699,46.8697],[-118.0466,46.7711],[-118.2109,46.7383],[-119.2132,46.7383],[-119.3720,46.7383],[-119.3665,46.9135],[-118.9832,46.9135],[-118.9777,47.2640]]]]}}]} 1689 RGB(184,210,232)
    Asotin {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Asotin","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-117.0388,46.4261],[-117.0607,46.3549],[-116.9841,46.2946],[-116.9676,46.2015],[-116.9238,46.1687],[-116.9841,46.0920],[-116.9183,45.9934],[-117.4825,45.9989],[-117.4825,46.1194],[-117.4222,46.1194],[-117.4222,46.3823],[-117.2305,46.4096],[-117.2305,46.4644],[-117.1977,46.4206]]]]}}]} 1096 RGB(184,210,232)
    Benton {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Benton","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-119.8759,46.6287],[-119.6240,46.6452],[-119.5144,46.7273],[-119.4542,46.6780],[-119.2680,46.5192],[-119.2680,46.2727],[-119.0434,46.1906],[-118.9448,46.0756],[-118.9393,46.0263],[-118.9886,45.9989],[-119.1256,45.9332],[-119.4323,45.9167],[-119.5692,45.9277],[-119.6678,45.8565],[-119.8704,45.8346],[-119.8649,46.0427],[-119.8759,46.6287]]]]}}]} 13111 RGB(13,106,191)
    Chelan {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Chelan","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-120.7029,48.5292],[-120.6536,48.5347],[-120.6262,48.4964],[-120.6646,48.4471],[-120.6481,48.3978],[-120.5605,48.3704],[-120.5879,48.3211],[-120.5112,48.3101],[-120.3524,48.2170],[-120.3633,48.1568],[-120.3250,48.1294],[-120.1443,48.0637],[-120.1443,48.0363],[-120.0895,48.0199],[-120.0512,47.9596],[-119.8704,47.9596],[-119.9964,47.7789],[-120.2100,47.7515],[-120.1990,47.6803],[-120.2374,47.5872],[-120.3031,47.5215],[-120.3195,47.4557],[-120.2921,47.4010],[-120.0895,47.3407],[-120.0950,47.2640],[-120.3907,47.2586],[-120.5276,47.3352],[-120.5605,47.3079],[-120.8015,47.4229],[-120.9165,47.4284],[-121.1137,47.5981],[-121.1301,47.6748],[-121.0644,47.7132],[-121.1192,47.7789],[-121.0699,47.8282],[-121.1520,47.8446],[-121.1739,47.8884],[-121.1630,47.9541],[-121.1192,47.9980],[-121.1520,48.0418],[-121.0151,48.0746],[-120.9439,48.1130],[-120.9548,48.1513],[-120.9056,48.1623],[-121.0041,48.2937],[-121.0699,48.3156],[-121.0425,48.3485],[-121.0644,48.3923],[-121.0370,48.4306],[-121.0480,48.4854],[-120.8563,48.5511],[-120.7851,48.5073]]]]}}]} 5324 RGB(112,187,255)
  2. 次の マップ コントロールの詳細プロパティを、データ ソースの適切な列にバインドします。

    プロパティ
    図形 GeoJSON オブジェクト GeoJSON
    図形ラベル
    図形の色

    マップは次のようになります。

    特定の領域を強調する、インポートされた形状を含むマップのスクリーンショット。

描画または挿入された形状の周囲と領域を表示します (プレビュー)

アプリは、選択した形状の周囲長 (フィート単位) と面積 (平方フィート単位) を地図上に表示できます。

  1. アプリで、挿入 タブをクリックし、表示 を展開します。
  2. アプリスクリーンで テキスト ラベル コントロールを選択してラベルを挿入します。 必要に応じて移動およびサイズ変更します。
  3. ラベル コントロールの Text プロパティを [マップ].SelectedShape.Area または [マップ].SelectedShape.Perimeter に変更して、選択したエリアまたは境界を表示します。 (ヒント: 数式バーまたは プロパティ タブ、どちらか好きな方に指定された値を入力します。)

次の例では、4 つのテキスト ラベルを使用して、選択した図形の面積と周囲の両方を表示しました。

2 つのテキスト ラベルの横で図形の面積と周囲長を選択した、マップ上で選択された図形のスクリーンショット。

その他の対話型マップ機能

その他の地理空間コントロール

入力中に動的な住所候補を表示するには、住所の入力 コントロールを使用します。

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。