HTML no Layout do QGIS: Conteudo Dinamico [2026]

HTML no layout do QGIS permite inserir conteudo web diretamente no compositor de impressao. Com frames HTML voce pode adicionar tabelas formatadas, textos estilizados, graficos e ate conteudo dinamico gerado por expressoes.Neste tutorial voce aprende a usar frames de conteudo web para mapas mais completos e profissionais.

O Que e o Frame HTML no QGIS

O item de frame HTML e um container no layout que renderiza codigo HTML e CSS. Funciona como um mini navegador dentro do compositor de impressao.com frames voce pode:

• Criar tabelas formatadas: tabelas com cores, bordas e estilos que o item Tabela nao suporta.
• Inserir textos estilizados: formatacao avancada com CSS (fontes, cores, margens, colunas).
• Conteudo dinamico: usar expressoes QGIS dentro do HTML para gerar conteudo que muda com o Atlas.
• Carregar paginas externas: exibir conteudo de uma URL no layout.

Consulte a documentacao oficial sobre HTML no layout do QGIS para referencia completa.

Como Adicionar Frame HTML no Layout

O processo e simples.

1. Abra o compositor de impressao.
2. Va em Adicionar Item, Adicionar Frame HTML.
3. Clique e arraste no layout para definir a area.
4. Nas Propriedades do Item, escolha a fonte do conteudo.

Fonte do conteudo:

• Codigo fonte: escreva HTML diretamente no editor. Ideal para conteudo personalizado.
• URL: carregue conteudo de uma pagina web ou arquivo HTML local.

Para a maioria dos casos, use Codigo fonte e escreva o HTML diretamente.

Exemplos Praticos de frame HTML

Tabela estilizada:<table style="border-collapse:collapse; width:100%; font-family:Arial;">
<tr style="background:#2c3e50; color:white;">
<th style="padding:8px;">Vertice</th>
<th style="padding:8px;">Latitude</th>
<th style="padding:8px;">Longitude</th>
</tr>
<tr><td style="padding:6px;">V1</td><td>-23.5505</td><td>-46.6333</td></tr>
</table>Essa tabela tem cabecalho colorido, padding nas celulas e fonte personalizada. Impossivel de fazer com o item Tabela padrao.Caixa de informacoes:<div style="background:#f0f4f8; border-left:4px solid #3498db; padding:12px; font-family:Arial; font-size:10pt;">
<strong>Informacoes do Imovel</strong><br>
Proprietario: [% attribute(@atlas_feature, 'nome') %]<br>
Area: [% format_number(attribute(@atlas_feature, 'area_ha'), 2) %] ha
</div>Esse exemplo usa expressoes QGIS para preencher dados dinamicamente com o Atlas.

HTML Dinamico com Expressoes QGIS

O poder real do HTML no layout do QGIS esta na combinacao com expressoes. Marque a opcao Avaliar expressoes QGIS e use [% expressao %] dentro do HTML.Dados da feicao atual (Atlas):[% attribute(@atlas_feature, 'nome') %] — nome da feicao.[% format_number($area / 10000, 2) %] — area em hectares.Informacoes do projeto:[% @project_title %] — titulo do projeto.[% format_date(now(), 'dd/MM/yyyy') %] — data atual.Logica condicional:[% if("area" > 10000, 'Grande propriedade', 'Pequena propriedade') %]Isso permite criar fichas cadastrais completas que mudam automaticamente a cada pagina do Atlas.Aprenda mais sobre expressoes no compositor de impressao para dominar o conteudo dinamico.

Dicas Para frame HTML

• CSS inline: use estilos inline (style=”…”) em vez de tag style separada. A renderizacao e mais confiavel no compositor do QGIS.
• Fontes seguras: use fontes que estao instaladas no sistema (Arial, Helvetica, Times New Roman). Fontes web nao funcionam no compositor.
• Tamanho de fonte em pt: use pontos (pt) em vez de pixels (px) para que o tamanho funcione corretamente na impressao.
• Quebre em frames: se o HTML no layout do QGIS for extenso, ative a opcao de dividir entre frames. O conteudo flui automaticamente entre multiplos containers.
• Teste antes de exportar: o renderizador HTML do QGIS nao suporta CSS avancado (flexbox, grid). Use tabelas e floats para layout.

O Planta Turbo usa frames HTML para gerar quadros de coordenadas e informacoes cadastrais automaticamente.

Multiplos Frames HTML no Mesmo Layout

Voce pode adicionar varios frames HTML no mesmo layout. Cada frame opera de forma independente com seu proprio codigo e configuracao.

• Divisao automatica: conteudo extenso pode fluir entre frames. Ative a opcao Redimensionar modo nas Propriedades do Item para que o conteudo se distribua automaticamente.
• Margens e espacamento: configure margens internas no CSS do proprio codigo. Use padding no elemento raiz para controlar o espacamento entre o conteudo e as bordas do frame.
• Atualizacao: clique em Atualizar na barra de ferramentas do compositor para recarregar o conteudo dos frames. Isso e util quando voce altera expressoes ou dados no projeto.

Para projetos avancados com fichas cadastrais completas, o Planta Turbo automatiza toda a geracao de quadros informativos usando frames com expressoes dinamicas.

Perguntas Frequentes sobre frame HTML do QGIS

Como adicionar HTML no layout do QGIS?

No compositor de impressao, va em Adicionar Item, Adicionar Frame HTML. Escreva o codigo na aba Codigo Fonte.

Posso usar expressoes QGIS dentro do HTML?

Sim. Marque Avaliar expressoes QGIS e use [% expressao %] dentro do codigo HTML. Os valores se atualizam com o Atlas.

O HTML suporta CSS completo?

Parcialmente. O renderizador HTML no layout do QGIS suporta CSS basico (fontes, cores, tabelas, bordas). CSS avancado como flexbox e grid nao funciona.

Posso carregar conteudo de uma URL?

Sim. Nas Propriedades do Item, selecione URL como fonte e insira o endereco da pagina. Funciona com paginas locais e remotas.

O frame HTML funciona com o Atlas?

Sim. Com expressoes ativas, o conteudo HTML muda a cada pagina do Atlas. Ideal para fichas cadastrais dinamicas.

Domine o HTML no layout do QGIS e crie conteudo dinamico nos seus mapas. Conheca a Formacao GeoPro e aprenda QGIS do zero ao avancado.

Veja tambem: Compositor de impressao | Expressoes no layout | Tabela no layout | Rotulos e textos