英語で読む

次の方法で共有


地図モジュール

この記事では、マップ モジュールを取り上げ、Microsoft Dynamics 365 Commerce での構成方法について説明します。

マップ モジュールは、Bing Maps V8 Web コントロール を使用してレンダリングされるインタラクティブなマップ上の店舗の場所を示します。 Bing Maps API キーは必須で、Commerce 本社の共有パラメータ ページに追加する必要があります。 マップ モジュールには、マップの場所を表示するためにユーザーが選択できる、道路、航空写真、路上などのさまざまなビューが用意されています。 また、ズームやユーザーの位置の使用などの操作も可能になります。

マップ モジュールは、マップにレンダリングする必要がある店舗の地理的な場所を決定するために、店舗セレクター モジュールと連携して機能します。 店舗セレクターとマップ モジュールは、ユーザーがサイト ページのいずれかのモジュールで店舗を選択したときに相互作用します。 マップ モジュールは、店舗セレクター モジュールとの相互作用を超えて、他のシナリオにも拡張できます。 ただし、モジュールのカスタマイズは必須です。

注意

マップ モジュールは、Dynamics 365 Commerce 10.0.13 リリースで利用可能です。

以下の図は、店舗ロケーション ページで使用されるマップ モジュールの例を示しています。

店舗セレクター モジュールの例。

モジュール プロパティ

プロパティ名 先頭値 説明
ヘッダー テキスト モジュールのヘッダー。
押しピン オプション: 既定のアイコン 画像 マップに表示される店舗に使用する押しピンのシンボル イメージ。
押しピン オプション: アクティブ アイコン 画像 マップで選択された店舗に使用する押しピンのシンボル イメージ。
押しピン オプション: 既定のアイコン色 文字列 マップ上の押しピン シンボル色のテキストまたは 16 進値。
押しピン オプション: アクティブ アイコン色 文字列 マップ上の選択された押しピン シンボル色のテキストまたは 16 進値。
インデックスの表示 true またはFalse このプロパティが True に設定されている場合、店舗を示すすべての押しピン シンボルにインデックスが表示されます。 このインデックスは、店舗セレクター モジュールが表示するリスト表示のインデックスと一致します。

サイトのコンテンツ セキュリティ ポリシー ディレクティブに許可されたマッピング URLを追加する

マップ モジュールが Bing Maps と連携するには、サイトのコンテンツ セキュリティ ポリシー (CSP) に従って、次のマッピング URL が許可されていることを確認する必要があります。 この設定は、Commerce サイト ビルダーで、さまざまなサイト CSP ディレクティブ (img-src など) に許可された URL を追加することによって実行されます。 詳細については、コンテンツ セキュリティ ポリシーを参照してください。

  • connect-src ディレクティブに *.bing.com を追加します。
  • img-src ディレクティブに *.virtualearth.net を追加します。
  • script-src ディレクティブに *.bing.com、*.virtualearth.net を追加します。
  • script style-src ディレクティブに、*.bing.com を追加します。

マップ モジュールをページに追加する

ページにマップ モジュールを構成する方法の詳細については、店舗セレクター モジュール を参照してください。

追加リソース

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

ファーストビュー ボックスモジュール

カート モジュール

店舗セレクタ モジュール

組織Bingマップの管理

Bing V8 Webコントロールのマッピング