HERE Map Content データ

現在、データ インスペクター ライブラリには、特定 の HERE Map Content （ HMC ） レイヤーを視覚化するための 2 つのメカニズム（建物のフットプリント、地図、道路トポロジ、ジオメトリ）があります。

• 専用 の GeoJSON レンダリングプラグイン 。必要に応じて視覚エフェクトをカスタマイズできます。
• 特殊 RibDataSource なデータソース。

実装の詳細については、以下の章を参照してください。

専用のプラグインによる視覚化

Building Footprints 、 Cartography 、 Roads-Topology & Geometry の各レイヤーの専用レンダリングプラグインが、これらのレイヤーのデータスキーマに含まれています。 動作を確認するには、データ インスペクター ライブラリの例の一部として提供されているControl the Visualizationアプリを使用します。 このためには、トップパネルで、 HMC カタログの HERE リソースネーム および対応するレイヤーの ID を指定します。次に例を示します。

レンダリングプラグインの操作方法の詳細については、「レンダリングプラグインを作成する」を参照してください。

を介した表示 RibDataSource

RibDataSource HERE Map Content スキーマを使用するカタログから高精度の地理参照データを表示するために使用されます。 詳細については、「 HERE Map Content データ仕様」を参照してください。

HERE Map Content データソースを使用すると、複数のレイヤーからのデータを同時に視覚化できます。

カタログから HERE Map Content データを表示するには、次の手順を実行します。

1. のインスタンスを作成して RibDataSource から、次 MapView のようににに接続します。

    const ribDataSource = new RibDataSource({
        dataProvider: new RibDataProvider({
            hrn: "HRN string",
            layer: "Layer ID where data is stored",
            environment: "here",
            getToken: async () => "Your Token"
        })
    });
    mapView.addDataSource(ribDataSource);
   

2. 次に、特定のタイルの HERE Map Content を表示するには selectTile 、次のようにメソッドを呼び出します。

    ribDataSource.selectTile(tileMortonCode);
   

オプションのパラメータ

• intersectionAgent { InteractiveIntersectionAgent }: InteractiveIntersectionAgent ジオメトリオブジェクトとの交差が発生した場合、またはジオメトリオブジェクトが変更された場合に、のインスタンスがイベントをトリガーします。 マウスオーバー時またはジオメトリツールチップの表示時にカスタムハンドラを設定するために使用します。

• dataStore.secondaryLayers { string[] }: データストアでサポート dataStore.layer されている追加のレイヤーの配列で、プロパティで指定されたレイヤーと一緒にレンダリングされます。

アプリの例

HERE Map Content データを表示する前に、データが含まれているレイヤーの HERE リソースネーム （ HERE リソースネーム ）を把握しておく必要があります。 必要なカタログの HERE リソースネーム は、 HERE platform ポータルの [ データ ] セクションにあります。

カタログから HERE Map Content データを表示するには、次の手順を実行します。

1. Web アプリジェネレータをインストール し、プロンプトが表示されたらアプリケーション名を入力します。

2. RIB data プロンプトが表示されたら、オプションを選択 What kind of data will you visualize on top of the Base map?します。

3. プロンプトが表示 HRN of the Catalog you want to visualize?されたら、 HERE Map Content データが含まれているカタログの HERE リソースネーム を入力します。

4. メッセージが表示 Name of the layer you want to visualize?されたら、 HERE Map Content データが含まれているレイヤーの名前を入力します。

5. プロンプトが表示 On which level the data is stored?されたら、データのレンダリングに必要な最小ズーム レベルを入力します。

6. コードが生成されたら、次のコマンドを実行して Web アプリを構築し、サービスを提供できます。

    npm run start
   

7. 次に http://localhost:8080 、お気に入りの Web ブラウザでを開き、生成されたアプリを確認します。

ベース マップを表示するには、 HERE platform ポータルから取得した資格情報で認証フォームを更新します。