successfully!3アプリファイルを確認し、ローカルでアプリを表示するpageviews-appに移動して、その構造を確認してください。ランチャーに表示される説明とアイコンをカスタマイズできます。styles.scssが含まれています。このガイドの一部として、これらのファイルの一部を編集します。ファイル構造を参照してください。Helloメッセージが表示されます。import行とexport行の間にこのコードを追加します。確認方法については、こちらをご覧ください)。TableChartコンポーネントをインポートします。Reactの下にこのコードを追加します。index.jsファイルで、この行を次のexportコードに置き換えます。使用してコンポーネントの外観をカスタマイズできます。好みに合わせて自由にカスタマイズしてください。クエリからのデータが入力されたTableChartをドロップできます。アクセスし、アプリをクリックしてテーブル内のデータを確認します。提供する必要がある場合があります。アプリが完成しました。アプリをインタラクティブにして、データを地図上に表示してみましょう。データが送信されていることを確認したら、アプリをカスタマイズしてインタラクティブにすることができます。フィールドを追加します。ライブラリを使用して、そのデータを世界地図上に表示します。TextFieldコンポーネントをインポートする必要があります。フィールドのデフォルト値は「US」になります。オブジェクトを構築するためのconstructorを追加します。クエリにcountryCodeを追加します。フィールドを試すには、アプリを再読み込みしてください。使用してLeafletをインストールします。}}pageview-app-nerdlet/styles.scssコピーstyles.scssにいる間に、マップの幅と高さを修正します。設定ファイル.extended-webpackrc.jsを追加します。タイル情報データの使用をサポートします。Leafletからモジュールをインポートします。モジュールがさらにいくつか必要です。次のコードを使用してインポートします。クエリを実行し、マップにデータを入力することができます。Spinner読み込みスピナーを追加します。コンポーネントを提供します。BlockTextブロックテキストコンポーネントを提供します。データを地図上に配置できます。マーカーの色をカスタマイズします。コードの値は、好みに応じて自由に変更できます。#BF0016は赤です。7マップのデフォルトの中心点を設定する緯度と経度を使用して、マップのデフォルトの中心点を設定します。コンテンツ用の新しい行を挿入します。アプリケーションを再ロードします。OpenStreetMapデータとマーカーの色を使用して、選択した緯度と経度を中心とした世界地図を作成します。データを確認してください。