Uma biblioteca JavaScript de alto desempenho para criar mapas interativos na web com tiles, dados vetoriais e marcadores de qualquer fonte.
dimartarmizi/map-to-poster
Aplicativo web executado no cliente que transforma qualquer local pesquisado em um pôster de mapa personalizável e em alta resolução, com temas, layouts e exportação em PNG.
Alternativa open source a:Positive Grid Poster
Mapiful
- Estrelas
- 1,097
- Forks
- 168
- Issues abertas
- 5
- Último commit
- há 5 meses
O que é?
MapToPoster JS permite pesquisar qualquer lugar do mundo e transformá-lo em um pôster de mapa pronto para impressão. Você pode escolher entre temas raster renderizados com Leaflet, como Minimal White, Midnight Dark e Satellite View, e temas artísticos vetoriais renderizados com MapLibre GL, como Arctic Frost e Blueprint Classic.
O editor permite personalizar tanto o layout quanto o estilo. Você pode adicionar e arrastar marcadores, traçar rotas usando o roteamento do OSRM, adicionar uma moldura passe-partout, mostrar ou ocultar nomes de países, coordenadas e rótulos, além de sobreposições de rótulos de cidades que podem ser arrastadas. As configurações ficam salvas no LocalStorage.
As exportações são arquivos PNG em resoluções personalizadas de até 50.000 px. Tudo é executado no navegador, então os dados de localização não são enviados a um servidor. O projeto é desenvolvido com Vite e Tailwind CSS e inclui uma configuração Docker que serve a versão estática com Nginx.
Recursos principais
- 01Pesquise qualquer local do mundo usando geocodificação do Nominatim.
- 02Alterne entre temas raster do Leaflet e temas artísticos vetoriais do MapLibre GL.
- 03Adicione, arraste e personalize vários marcadores.
- 04Trace rotas usando a busca de trajetos baseada no OSRM.
- 05Adicione uma moldura passe-partout com largura, borda e opacidade ajustáveis.
- 06Exporte arquivos PNG de até 50.000 px.
- 07Funciona inteiramente no navegador, com as configurações salvas no LocalStorage.
Casos de uso
- Criar um pôster da cidade natal, de uma cidade ou de uma rota de viagem para decorar a parede.
- Criar mapas personalizados para presentear em casamentos, aniversários ou mudanças de cidade.
- Produzir impressões em grande formato usando uma implantação estática auto-hospedada.
Início rápido
- 1
Clone o repositório
git clone https://github.com/dimartarmizi/map-to-poster.git - 2
Acesse a pasta do projeto
cd map-to-poster - 3
Instale as dependências
npm install - 4
Inicie o servidor de desenvolvimento (abre em http://localhost:5173)
npm run dev
Antes de usar
- É necessário ter Node.js 18.0.0 ou superior para executar localmente.
- Os tiles do mapa e a busca dependem de serviços de terceiros, como Nominatim, OSRM e CartoDB.
Tópicos
Perguntas frequentes
- O que é map-to-poster?
- Aplicativo web executado no cliente que transforma qualquer local pesquisado em um pôster de mapa personalizável e em alta resolução, com temas, layouts e exportação em PNG. MapToPoster JS permite pesquisar qualquer lugar do mundo e transformá-lo em um pôster de mapa pronto para impressão. Você pode escolher entre temas raster renderizados com Leaflet, como Minimal White, Midnight Dark e Satellite View, e temas artísticos vetoriais renderizados com MapLibre GL, como Arctic Frost e Blueprint Classic.
- map-to-poster é gratuito? Qual é a licença?
- map-to-poster é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- map-to-poster ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de map-to-poster foi em 6 de jun. de 2026.
- Para que posso usar map-to-poster?
- Criar um pôster da cidade natal, de uma cidade ou de uma rota de viagem para decorar a parede. Criar mapas personalizados para presentear em casamentos, aniversários ou mudanças de cidade. Produzir impressões em grande formato usando uma implantação estática auto-hospedada.
- Como instalar map-to-poster?
- Clone o repositório: git clone https://github.com/dimartarmizi/map-to-poster.git Acesse a pasta do projeto: cd map-to-poster Instale as dependências: npm install Inicie o servidor de desenvolvimento (abre em http://localhost:5173): npm run dev
- Onde consigo map-to-poster?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/dimartarmizi/map-to-poster
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Renderiza todas as ruas de uma cidade escolhida em uma visualização no estilo de mapa, usando dados do OpenStreetMap no navegador.
Editor de diagramas e quadros brancos no navegador, escrito em JavaScript, executado no cliente e que pode ser hospedado por conta própria.
Suíte de escritório colaborativa, open source e com criptografia de ponta a ponta, para editar documentos, planilhas, apresentações, formulários, quadros kanban e muito mais em tempo real.
Videoconferência WebRTC P2P de código aberto e auto-hospedada, com salas no navegador, compartilhamento de tela, chat e quadro branco.
Aplicativo web auto-hospedado para agendamento de consultas, com gestão de clientes, serviços e profissionais, horários de trabalho e sincronização com o Google Calendar.