Vinculando Tabla de Datos y Mapa para ubicaciones dinámicas

Descripción general

Esta guía explica cómo conectar una tabla de datos Avonni y un componente de mapa Avonni en su sitio de Experience Cloud para crear una visualización dinámica e interactiva. Al vincular ambos componentes, seleccionar una cuenta en la tabla de datos actualiza el mapa para mostrar las ubicaciones relacionadas, mejorando la participación del usuario.

Beneficios

Vincular estos componentes permite que su sitio responda a las selecciones del usuario en tiempo real, proporcionando una forma intuitiva y focalizada de explorar las ubicaciones de las cuentas sin actualizaciones manuales.

Configuración de la integración

Configuración de la tabla de datos

1

Agregar el componente de tabla de datos

• Coloque un componente Avonni Data Table en su página de Experience Cloud para mostrar la información de las cuentas.

• ¿Por qué esto? La tabla de datos sirve como punto de partida, mostrando los detalles de las cuentas para la selección del usuario

2

Nombre de la tabla de datos

• En el panel de propiedades de la tabla de datos, establezca el Nombre de API en accountsDatatable.

• ¿Por qué esto? El nombre de API actúa como identificador único, permitiendo que otros componentes (como el mapa) lo reconozcan y reaccionen ante él.

3

Limitar a una selección

• En las propiedades de la tabla de datos, busque la Selección máxima de filas y configúrela en 1.

• ¿Por qué esto? Limitar a una fila garantiza que el mapa muestre ubicaciones de una sola cuenta, manteniendo la experiencia clara y enfocada.

Configuración del mapa Avonni

1

Agregar el componente de mapa

• Coloque un componente Avonni Map en la misma página (por ejemplo, nómbrelo relatedLocationsMap).

• ¿Por qué esto? El mapa mostrará los datos de ubicación según la cuenta seleccionada.

2

Establecer la fuente de datos

• En el panel de propiedades del mapa, vaya a la sección Fuente de datos .

• Seleccione Fuente de datos de consulta y elija el objeto Cuenta (o el objeto con datos de ubicación).

• ¿Por qué esto? La consulta obtiene datos de ubicación dinámicamente desde Salesforce

3

Filtrar los resultados

• Agregue una condición de filtro en la configuración de la consulta:

• ¿Por qué esto? Este filtro asegura que el mapa muestre solo las ubicaciones vinculadas a la cuenta seleccionada en la tabla de datos, usando el ID del registro seleccionado

Campo	Operador	Valor
ID de la cuenta	Igual a	{{accountsDatatable.selectedRecord.Id}}

4

Mapear los campos

• Configure el mapa para mostrar marcadores de ubicación mapeando los campos (por ejemplo, establezca Latitud y Longitud campos del objeto Cuenta o de un objeto relacionado).

• ¿Por qué esto? El mapeo correcto de campos indica al mapa dónde colocar los marcadores según los datos consultados.

Resultado

Cuando un usuario selecciona una cuenta en la tabla de datos, el mapa se actualiza automáticamente para mostrar solo las ubicaciones asociadas con esa cuenta. Esto crea una experiencia interactiva y fluida, que permite a los visitantes explorar los datos de manera eficiente.

Solución de problemas comunes

• El mapa no se actualiza: Asegúrese de que el nombre de API accountsDatatable coincida exactamente y que la Selección máxima de filas esté configurada en 1. Verifique la sintaxis del filtro ({{accountsDatatable.selectedRecord.Id}}).

• No se muestran ubicaciones: Verifique que el objeto Cuenta o el objeto relacionado tenga campos de latitud y longitud, y confirme que la consulta devuelve datos.

• Problemas de rendimiento: Simplifique la consulta o reduzca el número de registros si el mapa carga lentamente.

• Si los problemas persisten: Contacte a nuestro equipo de soporte en [email protected] para obtener ayuda