Compartir a través de


Módulo de Azure Maps

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.

En este artículo se explica cómo configurar el módulo Azure Maps en Microsoft Dynamics 365 Commerce.

El módulo Azure Maps muestra las ubicaciones de las tiendas en un mapa interactivo que se renderiza utilizando el control de mapa Azure Maps. Se requiere una clave de API de Azure Maps y debe añadirse a la página de parámetros compartidos en Commerce headquarters. El módulo Azure Maps proporciona diferentes vistas como Road, Aerial y Streetside que los usuarios pueden seleccionar para ver las ubicaciones de los mapas. El módulo Azure Maps también permite interacciones como acercar y alejar la imagen y utilizar la ubicación del usuario.

El módulo Azure Maps funciona con el módulo selector de tiendas para determinar las ubicaciones geográficas de las tiendas que deben representarse en un mapa. El selector de tiendas y los módulos de Azure Maps interactúan cuando un usuario selecciona una tienda en uno de esos módulos en una página del sitio. El módulo Azure Maps puede personalizarse y ampliarse para otros escenarios distintos de la interacción con los módulos selectores de tiendas.

Nota

El módulo Azure Maps está disponible a partir de la versión Dynamics 365 Commerce 10.0.45.

La siguiente imagen muestra un ejemplo de un módulo de Azure Maps utilizado en una página de ubicaciones de tiendas.

Ejemplo de un módulo selector de tienda.

Propiedades del módulo

Nombre de la propiedad Valor Description
Encabezado Texto El encabezado del módulo.
Opciones de chinchetas: Tamaño Número Especifica el tamaño del marcador.
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 marcador: color del icono de selección 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 esta propiedad se establece en True, cada símbolo de chincheta que indica una tienda mostrará un índice. Este índice coincidirá con el índice en la vista de lista que muestra el módulo selector de tienda.

Agregar direcciones URL de asignación permitidas a las directivas de directiva de seguridad de contenido (CSP) de un sitio

Para que el módulo Azure Maps interactúe con Azure Maps, debe asegurarse de que las siguientes URL de asignación están permitidas por la directiva de seguridad de contenido (CSP) de su sitio. Esta configuración se realiza en el creador de sitios de Commerce, agregando las direcciones URL permitidas a varias directivas CSP del sitio (por ejemplo, img-src). Obtenga más información en Directiva de seguridad de contenido.

  • En la directiva child-src, añada "blob:".
  • Para la directiva connect-src, agregue https://atlas.microsoft.com/ y https://js.monitor.azure.com/.
  • A la directiva font-src directive, agregue https://atlas.microsoft.com/.
  • Agregue a la directiva script-srchttps://atlas.microsoft.com/.
  • A la directiva style-src, añada https://atlas.microsoft.com/.

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

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

Recursos adicionales

Visión general de la biblioteca de módulos

Módulo de cuadro de compra

Módulo de carro

Módulo de selector de tienda

Gestione Azure Maps para su organización

Control de mapas de Azure Maps