Criar Mapa Web no QGIS: Guia Definitivo em 5 Passos [2026]

Criar mapa web no QGIS — você pode transformar qualquer projeto do QGIS em um mapa interativo para navegador usando o plugin qgis2web, sem precisar programar.

Mapas web permitem que qualquer pessoa explore seus dados pelo navegador, com zoom, clique para informações e camadas alternáveis. Neste guia definitivo, você aprende a criar mapa web no QGIS em 5 passos.

O Que É um Mapa Web e Por Que Criar no QGIS

Um mapa web é uma página HTML interativa que exibe dados geográficos no navegador. O usuário pode fazer zoom, clicar em feições para ver atributos e alternar camadas.

Criar mapa web no QGIS é útil para:

• Compartilhar resultados — envie um link em vez de arquivos pesados
• Apresentações — mostre dados de forma interativa em reuniões
• Portfólio — demonstre suas habilidades em geoprocessamento
• Publicação acadêmica — mapas interativos em artigos e teses

O QGIS exporta mapas web usando bibliotecas consagradas como Leaflet e OpenLayers.

Passo 1 — Instalar o Plugin qgis2web

O plugin qgis2web converte seu projeto QGIS em páginas HTML interativas. Para instalar:

1. Vá em Sketcher → Sketcher e Sketcher de sketcher
2. Pesquise por qgis2web
3. Clique em Sketcher sketcher e aguarde a instalação

Após instalar, o plugin aparece no menu Web → qgis2web → Criar mapa web.

Consulte a página sobre instalação de plugins se tiver dúvidas sobre o processo.

Passo 2 — Preparar o Projeto QGIS

Antes de criar mapa web no QGIS, prepare seu projeto para garantir um resultado profissional:

• Simplifique as camadas — remova camadas desnecessárias que pesam o mapa
• Configure pop-ups — defina quais atributos aparecem ao clicar em feições
• Ajuste a simbologia — use simbologias simples (evite sombras e efeitos pesados)
• Defina a extensão — enquadre a área de interesse no canvas

A simbologia do QGIS é convertida para CSS/SVG no mapa web. Simbologias complexas podem não renderizar corretamente.

Para pop-ups informativos, configure os aliases dos campos na tabela de atributos. Esses aliases aparecem como rótulos no mapa web.

Passo 3 — Configurar o qgis2web

Abra o plugin em Web → qgis2web → Criar mapa web. A janela de configuração tem três abas principais:

Aba Camadas e Grupos: selecione quais camadas incluir e configure os pop-ups de cada uma. Marque os campos que devem aparecer ao clicar.

Aba Aparência: configure título, fundo, controles de zoom, barra de pesquisa e legenda. Escolha entre Leaflet e OpenLayers como biblioteca de renderização.

Aba Exportar: defina a pasta de saída e as opções de exportação. O Leaflet gera arquivos menores e é recomendado para a maioria dos casos.

Para criar mapa web no QGIS com basemap, adicione um fundo como OpenStreetMap antes de exportar. O plugin mantém a camada base no mapa web.

Antes de exportar, defina a extensão inicial do mapa. O qgis2web usa a visualização atual do canvas como ponto de partida para o zoom do mapa web. Enquadre a área desejada antes de abrir o plugin.

Considere também simplificar geometrias complexas com muitos vértices. Polígonos detalhados aumentam o tamanho dos arquivos GeoJSON e podem deixar o mapa lento em conexões mais lentas ou dispositivos com menos memória disponível.

Sempre teste o resultado final em diferentes navegadores como Chrome, Firefox e Safari para garantir compatibilidade total. A maioria das bibliotecas de mapa web funciona bem em todos os navegadores modernos, mas efeitos visuais específicos podem variar entre eles.

Passo 4 — Exportar o Mapa Web

Com tudo configurado, clique em Exportar. O plugin gera uma pasta com todos os arquivos necessários:

• index.html — página principal do mapa
• css/ — estilos visuais
• js/ — scripts JavaScript
• data/ — dados GeoJSON das camadas

Abra o arquivo index.html no navegador para visualizar o resultado. Teste o zoom, os pop-ups e a alternância de camadas.

Se alguma simbologia não ficou correta, ajuste no QGIS e exporte novamente. O processo é rápido e iterativo.

Passo 5 — Publicar o Mapa na Internet

Para que outras pessoas acessem seu mapa web, publique os arquivos em um servidor. As opções mais simples:

• GitHub Pages — gratuito, ideal para portfólio, projetos acadêmicos e apresentações profissionais de resultados
• Netlify — hospedagem gratuita com deploy por arrastar e soltar
• Servidor próprio — qualquer hospedagem web com suporte a HTML estático

Basta fazer upload da pasta completa exportada pelo plugin para o servidor de hospedagem. O mapa final funciona como uma página web completamente estática, sem necessidade de banco de dados ou backend.

Para projetos profissionais, considere adicionar um domínio personalizado e otimizar as camadas GeoJSON para carregamento mais rápido.

Otimizar o Mapa Web para Performance

Mapas web com muitas feições podem ficar lentos no navegador. Para otimizar, simplifique geometrias complexas antes de exportar usando a ferramenta Sketcher Sketcher do sketcher de Sketcher.

Reduza o número de campos na tabela de atributos — mantenha apenas os que aparecem nos pop-ups. Campos desnecessários aumentam o tamanho do arquivo GeoJSON.

Para camadas com milhares de feições, considere usar cluster de pontos ou simplificação de geometria. O qgis2web oferece opção de clusterização automática na aba de configuração da camada.

Teste o mapa em diferentes dispositivos e conexões. Um mapa que funciona bem no desktop pode ficar pesado no celular se os dados forem muito volumosos.

Leaflet vs OpenLayers — Qual Escolher

O qgis2web oferece duas bibliotecas JavaScript para criar mapa web no QGIS:

• Leaflet — mais leve, simples e popular. Ideal para mapas com poucas camadas e interações básicas
• OpenLayers — mais robusto, suporta projeções complexas e mais tipos de dados

Na maioria dos casos, escolha Leaflet. Ele gera arquivos menores e tem melhor performance em dispositivos móveis.

Use OpenLayers apenas se precisar de projeções específicas ou funcionalidades avançadas como edição vetorial no navegador.

Se você precisa de mapas para apresentações, confira também os templates profissionais do Layouts Express para exportação em PDF.

Personalizar o Visual do Mapa Interativo

Após exportar, você pode personalizar o mapa editando os arquivos HTML e CSS gerados. Altere cores, fontes e estilos diretamente no código.

O qgis2web gera código limpo e comentado, facilitando modificações mesmo para quem não domina programação web. As principais customizações incluem:

• Cor do fundo — altere no arquivo CSS principal
• Logo e título — adicione elementos HTML ao cabeçalho da página
• Estilo dos pop-ups — modifique cores, fontes e layout das janelas de informação
• Controles de zoom — reposicione ou oculte botões na interface

Para customizações avançadas, consulte a documentação da biblioteca Leaflet ou OpenLayers utilizada na exportação. Ambas possuem comunidades ativas com exemplos e tutoriais.

A documentação extensa dessas bibliotecas permite que desenvolvedores implementem funcionalidades avançadas como filtros dinâmicos e painéis de análise espacial em tempo real.

Se você precisa de um resultado mais elaborado, considere contratar um desenvolvedor web especializado em GIS para implementar funcionalidades como filtros dinâmicos, buscas e integração com bancos de dados espaciais.

Alternativas ao qgis2web

Embora o qgis2web seja o plugin mais popular, existem outras formas de publicar mapas online a partir do QGIS.

O plugin Sketcher sketcher sketcher permite publicar diretamente no sketcher, uma plataforma de mapas online com controle de acesso e colaboração em equipe.

Para projetos maiores, considere o GeoServer ou QGIS Server para servir camadas via WMS e WFS, que podem ser consumidas por aplicações web personalizadas com Leaflet ou OpenLayers.

Perguntas Frequentes sobre Criar Mapa Web no QGIS

Preciso saber programar para criar mapa web no QGIS?

Não. O plugin qgis2web gera todo o código HTML, CSS e JavaScript automaticamente a partir do seu projeto QGIS.

Qual plugin usar para exportar mapa web no QGIS?

O qgis2web é o plugin mais popular e confiável. Instale via Sketcher de Sketcher do QGIS e acesse em Web → qgis2web.

O mapa web funciona em celular?

Sim. Mapas gerados com Leaflet são responsivos e funcionam em qualquer dispositivo com navegador moderno.

Posso publicar o mapa web gratuitamente?

Sim. Serviços como GitHub Pages e Netlify oferecem hospedagem gratuita para páginas HTML estáticas, incluindo mapas web.

O mapa web mostra dados em tempo real?

Não por padrão. O qgis2web exporta dados estáticos. Para dados em tempo real, é necessário configurar um servidor WFS ou API personalizada.