コンポーネント

出典:ArcGIS Maps SDK for JavaScript - Components

ArcGIS Maps SDK for JavaScript コンポーネントは、最小限のコードで Web アプリを構築するための事前構築された UI コンポーネントのコレクションです。

標準ベースの Web コンポーネントとして構築されており、JavaScript Maps SDK のコア API を再利用可能なカスタム HTML エレメント(例:)に拡張します。これらは ArcGIS CDN および npm で利用可能です。また、JavaScript フレームワークに依存しないように設計されているため、バニラ JavaScript やほとんどのフレームワークおよびモジュール バンドラーで構築されたアプリケーションで使用できます。

現在のリリースでは、マップ、チャート(ベータ版)、コーディング コンポーネントの3つのコンポーネントパッケージがあります。

マップ コンポーネント

@arcgis/map-components パッケージには、マップ コンポーネント、シーン コンポーネント、および SDK の既存のウィジェットと同等の機能を持つ他のコンポーネントが含まれています。

これらのコンポーネントは、フレームワークと統合する際に迅速に地図アプリを構築するための代替オプションです。基本的な概念を示すコード スニペットは以下の通りです。

<arcgis-map item-id="05e015c5f0314db9a487a9b46cb37eca"></arcgis-map>

チャート コンポーネント(ベータ版)

@arcgis/charts-components パッケージには、ArcGIS Maps SDK for JavaScript アプリケーションでチャートを作成するために使用できる一連のコンポーネントが含まれています。マップと一緒に使用することで、データの完全なデータビジュアライゼーションストーリーを提供できます。現在、8種類の異なるチャートコンポーネントが利用可能です。各チャートコンポーネントは、チャートの設定を含む共通のチャート仕様に従った JSON オブジェクトを参照することでレンダリングできます。@arcgis/charts-model パッケージを使用すると、そのチャートの設定の作成と更新が容易になります。

コーディング コンポーネント

@arcgis/coding-components パッケージには、Arcade エディター コンポーネントが含まれています。このコンポーネントを使用すると、エンド ユーザーはレンダラー、ポップアップ、ラベルのために新しいデータ値を動的に作成するための Arcade 式を作成できます。ユーザーは、Map Viewer や Arcade プレイグラウンドでの編集と同じ体験を得ることができます。

MDN で Web コンポーネント全般について詳しく学ぶことができます。