Módulo de mapa

Nota:

El grupo de interés comercial de Dynamics 365 Commerce ha pasado de Yammer a Viva Engage. Si no tiene acceso a la nueva comunidad de Viva Engage, rellene este formulario (https://aka.ms/JoinD365commerceVivaEngageCommunity) para agregar y mantenerse involucrado en las últimas discusiones.

Este artículo describe los módulos de mapas y cómo configurarlos en Microsoft Dynamics 365 Commerce.

Importante

  • Mapas de Bing para empresas está obsoleto y se retirará. Si tiene una licencia empresarial para Bing Maps for Enterprise, puede usarla hasta el 30 de junio de 2028. Si tiene una licencia gratuita o básica para Bing Maps for Enterprise, puede usarla hasta el 30 de junio de 2025.
  • Hasta que Azure Maps esté disponible como módulo en la versión 10.0.45 de E-Commerce, puede habilitar manualmente Azure Maps siguiendo los pasos proporcionados en el repositorio de GitHub Dynamics365Commerce.Solutions.

Un módulo de mapa muestra las ubicaciones de las tiendas en un mapa interactivo que usa el control web de Bing Maps V8. Necesita una clave de API de Bing Maps, que debe agregar a la página de parámetros compartidos en la sede central de Commerce. Los módulos de mapa proporcionan diferentes vistas, como Carretera, Aérea y A pie de calle, que los usuarios pueden seleccionar para ver las ubicaciones de los mapas. También permiten interacciones como hacer zoom y usar la ubicación del usuario.

Un módulo de mapa funciona con el módulo selector de almacén para determinar las ubicaciones geográficas de las tiendas que aparecen en el mapa. El selector de tienda y los módulos de mapa interactúan cuando un usuario selecciona una tienda en uno de esos módulos en una página del sitio. Puede ampliar los módulos de mapa para otros escenarios más allá de la interacción con los módulos del selector de almacén. Sin embargo, se requiere la personalización del módulo.

Nota:

El módulo map está disponible en la versión Dynamics 365 Commerce 10.0.13.

La siguiente imagen muestra un ejemplo de un módulo de mapa utilizado en una página ubicación de tiendas.

Captura de pantalla de un módulo de selector de almacén en una página de ubicaciones de la tienda.

Propiedades del módulo

Nombre de propiedad Value Description
Encabezado Texto El encabezado del módulo.
Opciones de chincheta: icono predeterminado Imagen La imagen del símbolo de chincheta, que se usará para las tiendas que se aparecen en un mapa.
Opciones de chincheta: icono activo Imagen La imagen del símbolo de chincheta, que se usará para las tiendas seleccionadas en un mapa.
Opciones de chincheta: color de icono predeterminado Cadena de caracteres El texto o valor hexadecimal para el color de los símbolos de chincheta en un mapa.
Opciones de chincheta: color icono activo Cadena de caracteres El texto o valor hexadecimal para el color de los símbolos de chincheta seleccionados en un mapa.
Mostrar índice Verdadero o Falso Si establece esta propiedad en True, cada símbolo de chincheta que indica una tienda mostrará un índice. Este índice coincide con el índice de la vista de lista que muestra el módulo selector de almacén.

Agregar direcciones URL de asignación permitidas a las directivas de política de seguridad de contenido de un sitio

Para que el módulo de mapas interactúe con Bing Maps, debe asegurarse de que las siguientes direcciones URL de asignación estén permitidas según la directiva de seguridad de contenido (CSP) de su sitio. El generador de sitios de comercio es donde configuras esto. Agregue direcciones URL permitidas a varias directivas CSP de sitio (por ejemplo, img-src). Para más información, consulte Directiva de seguridad de contenido.

  • Agregue *.bing.com a la directiva connect-src .
  • Agregue *.virtualearth.net a la directiva img-src .
  • Agregue *.bing.com, *.virtualearth.net a la directiva script-src .
  • Agregue *.bing.com a la directiva style-src del script .

Agregar un módulo de mapa a una página

Para obtener información detallada sobre cómo configurar un módulo de mapa en una página, vea Módulo selector de tienda.

Recursos adicionales

Descripción general de la biblioteca de módulos

Módulo de cuadro de compra

Módulo de carro

Módulo de selector de tienda

Administrar Bing Maps para la organización

Control web de Bing Maps V8