Biblioteca JavaScript de alto rendimiento para crear mapas web interactivos que muestran mosaicos, datos vectoriales y marcadores de cualquier origen.
12,6 mil3,2 milJavaScriptBSD-2-ClauseActualizado hace 3 días
dimartarmizi/map-to-poster
Aplicación web del lado del cliente que convierte cualquier ubicación buscada en un póster de mapa personalizable y de alta resolución, con temas, diseños y exportación a PNG.
Alternativa open source a:Positive Grid Poster
Mapiful
- Estrellas
- 1,097
- Forks
- 168
- Issues abiertos
- 5
- Último commit
- hace 5 meses
¿Qué es?
MapToPoster JS te permite buscar cualquier lugar del mundo y convertirlo en un póster de mapa listo para imprimir. Puedes elegir entre temas rasterizados con Leaflet, como Minimal White, Midnight Dark y Satellite View, y temas artísticos vectoriales renderizados con MapLibre GL, como Arctic Frost y Blueprint Classic.
El editor permite modificar tanto el diseño como el estilo. Puedes añadir y arrastrar marcadores, trazar rutas de viaje con OSRM, añadir un marco passepartout, mostrar u ocultar nombres de países, coordenadas y etiquetas, y superponer etiquetas de ciudades que se pueden arrastrar. La configuración se guarda en LocalStorage.
La exportación genera archivos PNG con resoluciones personalizadas de hasta 50.000 px. Todo se ejecuta en el navegador, así que los datos de ubicación no se envían a ningún servidor. El proyecto está creado con Vite y Tailwind CSS e incluye una configuración de Docker que sirve la compilación estática con Nginx.
Funciones clave
- 01Busca cualquier ubicación del mundo mediante la geocodificación de Nominatim.
- 02Alterna entre temas rasterizados de Leaflet y temas artísticos vectoriales de MapLibre GL.
- 03Añade, arrastra y personaliza varios marcadores.
- 04Traza rutas de viaje mediante la obtención de recorridos con OSRM.
- 05Añade un marco passepartout con ancho, borde y opacidad ajustables.
- 06Exporta archivos PNG de hasta 50.000 px.
- 07Se ejecuta por completo en el navegador y guarda la configuración en LocalStorage.
Casos de uso
- Crear un póster decorativo de tu ciudad natal, otra ciudad o una ruta de viaje.
- Crear mapas personalizados para regalar en bodas, aniversarios o mudanzas.
- Generar impresiones de gran formato mediante un despliegue estático autoalojado.
Inicio rápido
- 1
Clona el repositorio
git clone https://github.com/dimartarmizi/map-to-poster.git - 2
Entra en la carpeta del proyecto
cd map-to-poster - 3
Instala las dependencias
npm install - 4
Inicia el servidor de desarrollo (se abre en http://localhost:5173)
npm run dev
Antes de usarlo
- Se requiere Node.js 18.0.0 o superior para ejecutarlo localmente.
- Los mosaicos del mapa y la búsqueda dependen de servicios de terceros como Nominatim, OSRM y CartoDB.
Temas
Preguntas frecuentes
- ¿Qué es map-to-poster?
- Aplicación web del lado del cliente que convierte cualquier ubicación buscada en un póster de mapa personalizable y de alta resolución, con temas, diseños y exportación a PNG. MapToPoster JS te permite buscar cualquier lugar del mundo y convertirlo en un póster de mapa listo para imprimir. Puedes elegir entre temas rasterizados con Leaflet, como Minimal White, Midnight Dark y Satellite View, y temas artísticos vectoriales renderizados con MapLibre GL, como Arctic Frost y Blueprint Classic.
- ¿map-to-poster es gratuito? ¿Qué licencia tiene?
- map-to-poster es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿map-to-poster sigue mantenido?
- Actualizado en los últimos 6 meses. El último commit de map-to-poster fue el 6 jun 2026.
- ¿Para qué puedo usar map-to-poster?
- Crear un póster decorativo de tu ciudad natal, otra ciudad o una ruta de viaje. Crear mapas personalizados para regalar en bodas, aniversarios o mudanzas. Generar impresiones de gran formato mediante un despliegue estático autoalojado.
- ¿Cómo se instala map-to-poster?
- Clona el repositorio: git clone https://github.com/dimartarmizi/map-to-poster.git Entra en la carpeta del proyecto: cd map-to-poster Instala las dependencias: npm install Inicia el servidor de desarrollo (se abre en http://localhost:5173): npm run dev
- ¿Dónde consigo map-to-poster?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/dimartarmizi/map-to-poster
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Representa todas las calles de una ciudad elegida en una visualización de estilo cartográfico, usando datos de OpenStreetMap en el navegador.
9,8 mil751JavaScriptMITActualizado hace 10 días
Editor de diagramas y pizarras en el navegador, escrito en JavaScript, que se ejecuta en el cliente y puede alojarse en infraestructura propia.
8,9 mil1,3 milJavaScriptApache-2.0Actualizado anteayer
Suite ofimática colaborativa de código abierto y con cifrado de extremo a extremo, que permite editar documentos, hojas de cálculo, presentaciones, formularios, tableros kanban y más en tiempo real.
8 mil867JavaScriptAGPL-3.0Actualizado ayer
Videoconferencias WebRTC peer-to-peer, de código abierto y autoalojadas, con salas desde el navegador, pantalla compartida, chat y pizarra.
4,8 mil786JavaScriptAGPL-3.0Actualizado hace 22 horas
Aplicación web autohospedada para gestionar citas, clientes, servicios y profesionales, definir horarios de trabajo y sincronizar con Google Calendar.
4,4 mil1,6 milPHPGPL-3.0Actualizado ayer