Pular para o conteúdo principal

Mapa de Zonas

O mapa de zonas oferece uma visualização interativa da planta baixa do site, com zonas desenhadas como polígonos e indicadores de presença em tempo real.

Acessando o mapa

  1. Selecione o site desejado no Seletor de Site (barra lateral)
  2. Acesse o menu Mapa do Site (disponível quando o módulo Synapsys está habilitado)
Pré-requisito

O mapa requer que o site tenha pelo menos um andar com planta baixa configurada. Consulte Plantas Baixas para saber como fazer upload.

Mapa do site com as zonas desenhadas como polígonos sobre a planta baixa

Elementos do mapa

Planta baixa

A imagem da planta baixa é exibida como camada de fundo. Se o site possui múltiplos andares, um seletor de andar permite alternar entre pavimentos.

Zonas

Cada zona aparece como um polígono colorido sobreposto à planta baixa:

  • A cor é configurável por zona
  • O tipo da zona é indicado por badge (Restrita, Comum, Externa)
  • Zonas com alertas ativos exibem animação pulsante proporcional à severidade

Painel lateral

Ao clicar em uma zona no mapa, um painel lateral exibe:

  • Nome e tipo da zona
  • Descrição (se configurada)
  • Número de beacons presentes na zona
  • Alertas ativos da zona com ações de Reconhecer/Resolver

Modo ao vivo

O botão "Ao Vivo" abre o mapa em uma aba separada em tela cheia, ideal para monitores dedicados de segurança. Neste modo:

  • O mapa ocupa toda a tela
  • Atualizações de localização e alertas aparecem em tempo real
  • Ideal para o Centro de Operações de Segurança

Atualizações em tempo real

O mapa recebe atualizações via WebSocket sem recarregamento:

  • Entrada em zona — beacon aparece na contagem da zona
  • Saída de zona — contagem é decrementada
  • Novo alerta — zona passa a pulsar com cor de severidade
  • Alerta resolvido — animação de alerta é removida

Acessibilidade

  • Animações pulsantes respeitam a preferência prefers-reduced-motion do sistema operacional
  • Informações de status são comunicadas via cor + ícone + texto (nunca só por cor)