Saltar al contenido principal Saltar al contenido complementario

Crear un mapa con una capa de fondo de imagen

Puede usar imágenes como mapas base personalizados en visualizaciones de mapa. Es posible que desee mostrar datos sobre un plano de planta.

Este ejemplo de gráfico de mapa muestra un plano de planta de oficina con una capa de puntos. Cada burbuja se coloca sobre el escritorio de un empleado. El promedio semanal de problemas de clientes gestionados por día por el empleado determina el tamaño y el color de cada burbuja.

Ejemplo de mapa con un fondo de imagen de planta con una capa de puntos que muestra a los empleados dimensionados según la cantidad de problemas de clientes que han resuelto

Ejemplo de mapa con un fondo de imagen de planta con una capa de puntos que muestra a los empleados dimensionados según la cantidad de problemas de clientes que han resuelto

Este ejemplo oculta la escala predeterminada. Las imágenes no tienen una escala de tamaño coherente. El tamaño de la imagen en una capa de fondo de un mapa también depende de qué coordenadas establece el usuario para las esquinas de la imagen.

Conjunto de datos

Este ejemplo utiliza dos tablas y una imagen de fondo.

Cómo construí esto

Nota informativaLa lista de permitidos de la Content Security Policy debe incluir los orígenes de las URL que contengan solicitudes de recursos a recursos externos; de lo contrario, los recursos no se cargarán. Los recursos WMS deben tener las directivas image-src y connect-src en la lista de permitidos.

Vea también: Administrar políticas de seguridad de contenido

  1. Agregue las fuentes de datos a su app y asocie las tablas usando los campos EmployeeNumber de cada tabla.
  2. En una hoja, agregue un gráfico de mapa.
  3. Haga clic en Abrir las propiedades avanzadas
  4. En Configuraciones de mapa, haga lo siguiente:

    • Cambie Mapa base a Ninguno.
    • Cambie Proyección a Definido por el usuario (grados).
  5. En AspectoPresentación, haga lo siguiente:

    • Cambie la Barra de escala a Desactivado.
    • Establezca Limitar niveles de zoom en Personalizado y configure el zoom en 7x zoom - 8x zoom.
  6. Agregue una capa de fondo al gráfico del mapa y, en Datos, haga lo siguiente:

    • En Formato, seleccione Imagen.
    • Establezca la URL como https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_map-image-background-example.png.
    • Configure la Esquina superior izquierda en 2,5 para Superior (latitud) y en -4,1 para Izquierda (longitud).
    • Configure la Esquina inferior derecha en -2,5 para Inferior (latitud) y en 4,1 para Derecha (longitud).
  7. Agregue una capa de puntos al gráfico de mapa y haga lo siguiente:

    • En Datos, agregue Employee como el campo.
    • En Ubicación, seleccione Campos de latitud y longitud. Establezca Lat como el Campo de latitud y Long como el Campo de longitud.
    • En Tamaño y forma, establezca Tamaño por en Avg(CustomerIssues).
    • En Color, haga lo siguiente:

      • Establezca Color en Personalizado y color Por medida.
      • Seleccione Avg(CustomerIssues) como la medida.
      • Seleccione Rangos divergentes como el esquema de color.

¿Esta página le ha sido útil?

No dude en indicarnos en qué podemos mejorar si encuentra algún problema en esta página o su contenido, como, por ejemplo, errores tipográficos, pasos que falta o errores técnicos.