屋内地図を Web アプリケーションに追加します

HERE Maps API for Javascript を使用して、 Web ベースのアプリケーションおよびサービスを構築できます。 HERE Maps API for Javascript は、インタラクティブアプリケーションの機能を実装するためのクラスおよびメソッドのライブラリで構成されています。 HERE Maps とサービスを屋内地図と組み合わせて、独自のサービスを構築できます。

HERE Maps API for Javascript の詳細およびコード例については 、『 HERE Maps API for Javascript 開発者ガイド』を参照してください。

HERE Maps API for Javascript で屋内地図を使用します

HERE Maps API for Javascript で屋内地図を使用するには、次の情報が必要です。

• API Key
• Indoor Map ID
• 任意 : Collection Catalog HRN

API Key Collection Catalog HRN H.venues.Service2.Optionsクラスをインスタンス化するときに、および（オプションで）がタイプに設定 H.venues.Service2されます。 屋内マップIDは、を呼び出して loadVenue 特定の屋内マップにアクセスする場合に必要です。

これらの 3 つのパラメータは、次のように取得されます。

• API Key

  • 既定の地図コレクションアプリ 用に発行された API キー を使用します。API キー を作成するには、次の手順を実行します。
    1. HERE アカウントを使用して HERE platform にサインイン。
    2. ランチャから Access Manager を開きます。
    3. [ アプリ ] タブを選択します。
    4. [ すべてのアプリを表示] を選択し、既定の地図コレクションアプリ を探します。
    5. このアプリ の API キー を作成します。API キー を作成するには、組織管理者またはリソース管理者で、すべてのアプリおよびリソースの管理権限が有効になっている必要があります。

• Indoor Map IDをに設定します loadVenue

  • 以下の屋内地図の検索を参照してください。

• オプション： Collection Catalog HRN

  • 標準的な屋内マップ設定を使用する場合 hrn は、説明を設定する必要はありませんが、JavaScript用のHere Maps APIがこれを処理します。 ただし、問題が発生した場合、または屋内マップを読み取る場所からカタログを明示的に設定する必要がある場合は hrn 、パラメータを使用します。
  • このhrnパラメータを使用するには、屋内 ポータル のFrontPageから、またはHere プラットフォームランチャーからDataを選択し て、収集を検索することにより、デフォルトの屋内マップコレクションカタログHRNを見つけます。 デフォルトのコレクションカタログHRNをコピーします。

HERE Maps API for Javascript の屋内地図の詳細 については、 HERE Maps API for Javascript のドキュメントの「屋内地図を統合する」トピックを参照してください。

屋内地図の検索

• 屋内地図の UUID を 屋内ポータル からコピーし、先行ゼロなしで数値の最後の部分を選択して、屋内地図の ID を取得できます。コンセプトを参照してください。
• getMapInfoList クラスのメソッドを使用して H.venues.Service2 、アクセスできる屋内マップを一覧表示します。

背景にベース マップ を追加します

ベース マップ を追加して背景に表示する場合は、 HERE Vector Tile サービスをプロジェクトにリンクする必要があります。 HERE Vector Tile サービスをプロジェクトにリンクするには、次の手順に従います。

1. HERE アカウントを使用して HERE platform にサインイン。
2. ランチャーから[プロジェクトマネージャ]を開きます。
3. 屋内地図プロジェクトを選択します。
4. [ リソース ] タブから [ サービス ] を選択します。
5. [ サービスのリンク ] をクリックします
6. HERE Vector Tile サービスを検索し、プロジェクトにリンクします。

HERE Maps API for Javascript の HERE Indoor Map リソース

サンプルプロジェクト は GitHub で利用できます。