分享方式:


地圖模組

本文介紹了地圖模組並描述如何配置它們 Microsoft Dynamics 365 Commerce。

地圖模組在使用 Bing 地圖 V8 Web 控制項呈現的互動式地圖上顯示商店的位置。 需要 Bing 地圖 API 金鑰,並且必須將其新增至商務總部的共用參數頁面。 地圖模組提供不同的視圖,例如道路、空中和街景,使用者可以選擇查看地圖位置。 它們還允許進行交互,例如縮放和使用用戶的位置。

地圖模組與商店選擇器模組一起工作,以確定必須在地圖上呈現的商店的地理位置。 當使用者在網站頁面上的這些模組之一中選擇商店時,商店選擇器和地圖模組會進行互動。 除了與商店選擇器模組互動之外,地圖模組還可以擴展到其他場景。 但需要模組定制。

附註

地圖模組在 Dynamics 365 Commerce 10.0.13 版本中提供。

下圖顯示了商店位置頁面上使用的地圖模組的範例。

商店選擇器模組的範例。

模組屬性

屬性名稱 描述
標題 文字 模組的標題。
圖釘選項:預設圖標 影像 用於地圖上顯示的商店的圖釘符號圖像。
圖釘選項:活動圖標 影像 用於在地圖上選擇的商店的圖釘符號圖像。
圖釘選項:預設圖示顏色 字串 地圖上圖釘符號顏色的文字或十六進位值。
圖釘選項:活動圖示顏色 字串 地圖上選定圖釘符號顏色的文字或十六進位值。
顯示索引 TrueFalse 如果此屬性設定為 True,則每個表示商店的圖釘符號都會顯示索引。 此索引將與商店選擇器模組顯示的清單檢視中的索引相符。

將允許的映射 URL 新增至網站的內容安全性原則指令

為了讓地圖模組與 Bing 地圖交互,您必須確保根據您網站的內容安全策略 (CSP) 允許使用下列映射 URL。 此設定是在 Commerce 網站建立器中完成的,方法是將允許的 URL 新增至各種網站 CSP 指令(例如, img-src)。 有關詳細信息,請參閱 內容安全策略

  • connect-src 指令中,加入 *.bing.com
  • img-src 指令中,加入 *.virtualearth.net
  • script-src 指令中,加入 *.bing.com、*.virtualearth.net
  • 腳本 style-src 指令中,加入 *.bing.com

將地圖模組新增至頁面

有關如何在頁面上配置地圖模組的詳細信息,請參閱 商店選擇器模組

其他資源

模組資源庫概觀

購買框模組

購物車模組

商店選擇器模組

為您的組織管理 Bing 地圖

Bing 地圖 V8 Web 控件