ライブラリモジュールの概要

この章では、主な HERE Data Inspector Library モジュールの概要について説明します。 データ インスペクター ライブラリコンポーネントの全リストについては 、『データ インスペクター ライブラリ API リファレンス』を参照してください。

UI コンポーネント

  • @here/interactive-mapview-ui: データ インスペクター ライブラリ UI のコアコンポーネントを含むパッケージ :

    • DataInspector: MapView クラスと複数のウィジェットを結合する設定可能な UI ウィジェット 。 DataInspectorは、ポータルまたはデータ インスペクター ライブラリサンプルアプリケーションを実行しているときにアクセスできるデータ インスペクターのメインウィンドウを示しています。

    • DecodedPanel: デコードされたパーティション データ、パーティション ID 、パーティションサイズ、および選択したパーティションに含まれているデータの最後の更新のタイムスタンプを表示できる UI ウィジェット ( バージョン管理されたレイヤーのみ ) 。

      このウィジェットには 、 [ データのダウンロード ] ボタンも表示されます。 選択したパーティションの場合、このボタンを使用すると、未加工データのダウンロード、リンクされた Protobuf スキーマでデコードされたデータ、およびレンダラ プラグインで変換された GeoJSON データが可能になります。

      パーティション データのデコード処理中に発生する可能性のあるエラーも、このパネルに表示されます。

      DecodedPanel ウィジェットにはサイズ変更ハンドルがあり、パネルを水平にサイズ変更できます。

      マップ ビューでデータソースの特定の機能を選択すると、は DecodedPanel この特定の機能のデータを強調表示します。

    • ControlPanel: UserAuthForm またはなどの他のウィジェットのコンテナとして機能する UI 要素 InteractiveFilteringControl。

    • ToolBar: 地図およびデータソースをさまざまに制御できる UI ウィジェット 。 このウィジェットは DataInspector 一般にクラスの一部として使用 ToolBar されますが、このクラスをスタンドアロンコンポーネントとして使用することもできます。

      ツールバーに は、コントロールパネル、 マップ ビュー、 パーティションリスト、 デコードされたパネル、言語スイッチャー、フルスクリーンボタンの表示と非表示を切り替えるためのボタンが含まれている場合があります。 詳細については 、ToolBarState API リファレンス を参照してください。

    • InteractiveFilteringControl: データソースの特定の機能を表示または非表示にできる UI コンポーネント。

    • InfoPanel: このクラスを使用して、クリック時に（キーと値のペアとして）フィーチャプロパティの詳細なリストを表示する情報を表示します。 情報ポップアップに表示する詳細を定義するには、 GeoJSON オブジェクトのdescription style プロパティを使用します。descriptionは、任意のジオメトリタイプに適用できます。 このコントロールを実装するには、メソッドinstallInfoWidgets (import { installInfoWidgets } from "@here/interactive-mapview-ui/lib/Utils";) を使用します。

    • InfoTooltip: このクラスは、マウスオーバー時に表示されたフィーチャーのツールチップに短い情報を表示するために使用されます。 ツールチップに表示する詳細を定義するには、 GeoJSON オブジェクトのtitle style プロパティを使用します。titleは、任意のジオメトリタイプに適用できます。 このコントロールを実装するには、メソッドinstallInfoWidgets (import { installInfoWidgets } from "@here/interactive-mapview-ui/lib/Utils";) を使用します。

    • InteractiveStatsPanel: 接続されているデータソースからのランタイム情報を表示する UI コンポーネント。 たとえば、トリガーされたイベントを確認したり、パーティション データのダウンロードおよびデコードにかかる時間に関する統計情報を取得したりできます。

    • UserAuthForm: プラットフォーム資格情報を入力できる UI フォーム。 @here/olp-sdk-authenticationモジュール ( UserAuth クラス ) と一緒に使用 して、データソースに有効なアクセス トークンを提供できます。

    • ZoomLevelWidget: 現在 MapView のズーム レベルを表示し、ズームレベルを切り替えることができる UI ウィジェット 。

      注

      に組み込ま DataInspectorれているダブルクリックズーム機能を使用することもできます。 マップ ビューをダブルクリックすると、マップが 1 つのレベルで拡大され、マップ ビューを右ダブルクリックすると、マップが 1 つのレベルで縮小されます。 クリックした場所 ( この場合 ) は、マウスカーソルの下の同じ画面位置に留まります。

    • RenderingSettings: カスタムおよびデフォルトの両方のレイヤースキーマのレンダリングプラグインを迅速に開発および実行できる一連のコントロールを備えた UI ウィジェット 。 詳細については、「レンダリングプラグインを作成」の章を参照してください。

    • RenderingPluginEditorMonaco: Monaco エディタを使用してライブ JavaScript 構文チェックおよび自動補完を行うコンポーネント。 詳細については、「レンダリングプラグインを作成」の章を参照してください。

    • VersionPicker: DataInspector の DataInspectorデータソースに現在表示されているカタログのバージョンを選択するためにクラスによって使用されるウィジェット。 このクラスには、 DataInspectorの ToolBar クラスの現在のカタログのバージョンを表示するための UI ウィジェットのセットと、すべてのカタログのバージョンを一覧表示するモーダルダイアログボックスがあります。

    • TileMenu: タイルのコンテキストメニュー。現在選択されているパーティションの ID をコピー MapViewし、パーティション データをデコードして、マップで現在選択されている場所のジオコード座標を表示およびコピーできます。 また、選択したパーティションについて、このメニューを使用して生データ、リンクされた Protobuf スキーマでデコードされたデータ、およびレンダラ プラグインで変換された GeoJSON データをダウンロードできます。

      のインスタンスは TileMenu 一度だけ作成し TileMenu.setState 、メソッドを使用してさらに操作する必要があります。

    • StatusBar: ユーザーにさまざまなステータスメッセージを表示できる UI ウィジェット 。 この構成要素はによって自動的に作成 DataInspector されますが、この構成要素なしで使用することもできます。

    • SdiiControls: @here/sdii-datasource SDII 機能のフィルタリングを可能にする一連のコントロールウィジェット。パスのオン / オフ切り替え、道路標識の種類の変更、その他のイベントなどがあります。

    • RibControls: @here/rib-datasource HERE Map Content データ機能のフィルタリングを可能に する一連のコントロールウィジェット。セグメントのオン / オフ切り替え、トポロジレイヤーからのノード、道路からのオブジェクトのさまざまなカテゴリ（トポロジとジオメトリ、フットプリントレイヤーの構築）。

    • CoverageControls: データサイズのヒートマップの外観を調整するためのコントロールを含む UI ウィジェット 。

    • MapControlHandler: MapView マウスまたはタッチイベントを使用してとの対話を可能にするクラス。

    • TileControlHandler: InteractiveDataSource およびにタイルの選択およびマウスポインターの移動機能を提供するクラス CoverageDataSource。 このコンポーネントでは、タイルを右クリックして表示されるコンテキストメニューを制御することもできます。 TileControlHandler は自動的に作成 DataInspector されますが、このコンポーネントを使用せずに使用することもできます。

    • SearchComponent: パーティション ID 、特定の地理座標（緯度 / 経度）、場所、および場所の検索に使用される UI ウィジェット 。 また、このコンポーネントには、最近の検索の履歴も表示されます。 デフォルトでは有効になっています。

  • @here/fileupload: @here/olp-geojson-datasource GeoJSON ファイルのアップロードに使用できるコンポーネントのボタンを含む UI ファイルのアップロードフィールド。 このデータは、によってただちにレンダリングされます @here/olp-geojson-datasource。

データソース

データソースの外部依存関係

  • three.js: WebGL 用のクロスブラウザ JavaScript ライブラリ
  • protobufjs: JavaScript の Protobuf パーサー
  • earcut: 多角形の三角測量ライブラリ

すべての依存関係のリストについては 、「外部の依存関係 」の章を参照してください。

ユーティリティコンポーネント

  • @here/interactive-datasource-protocol: このコンポーネントには、フィーチャ、レイトキャスティングなどをサポートする独自のデータソースの開発を開始するために使用できる抽象ベースクラスが用意されています。 カスタムデータソースは InteractiveDataSource クラスを拡張し、次のアクションをサポートする必要があります。
    • タイルを選択および選択解除します。
    • フィーチャーを選択して高輝度表示します。
    • 複数 levelWithData のズームレベルでの複数のタイルをレンダリングします ( 組版されたタイル機能を使用 ) 。
    • InteractiveIntersectionAgent マウスオーバーやクリック機能を含むレイキャスティングを各フィーチャーで実行します。

  • @here/geometry-data-provider: 一部のデータには形状情報が含まれていませんが、他の形状にマップすることができるため、この構成要素は、その情報を利用するデータのタイプを表示するための形状を提供します。

    このコンポーネントには、交通量や制限速度などのデータを視覚化するために使用できる道路ジオメトリを提供するためのクラスが含まれています。

  • @here/generator-visualization-app: カスタム定義のデータ インスペクター ライブラリコンポーネントのセットを使用して、サンプルの Web アプリを生成します。 独自の基本アプリケーションを作成し、カスタムデータソースを開発する場合に使用します。

「」に一致する結果は 件です

    「」に一致する結果はありません