Repolode
ianho7

ianho7/maptoposter-online

설치할 필요 없이 어느 도시의 OpenStreetMap 데이터로 테마가 적용된 지도 포스터를 만들어 다운로드할 수 있는 브라우저 기반 도구입니다.

스타
980
포크
47
열린 이슈
1
마지막 커밋
3개월 전

어떤 프로젝트인가요?

MapPoster Online에서는 도시를 선택하고 시각적 테마를 고른 다음, 해당 도시의 도로 지도를 인쇄용 포스터로 내보낼 수 있습니다. Python 명령줄 도구인 maptoposter를 브라우저에서 사용할 수 있도록 만든 후속 프로젝트라 설치가 필요 없습니다. 사이트를 열고 위치를 선택한 뒤 결과물을 다운로드하면 됩니다.

지도 데이터는 OpenStreetMap에서 Overpass API와 Protomaps를 통해 가져오며, 렌더링 엔진은 Rust로 작성해 tiny-skia와 함께 WebAssembly로 컴파일합니다. 데이터 가져오기와 렌더링은 Web Worker에서 실행되어 페이지가 원활하게 반응하고, 가져온 지도 데이터는 IndexedDB에 캐시되어 더 빠르게 다시 생성할 수 있습니다. 기본 제공 테마 20개, 세밀한 색상 조정 기능, 최대 300 DPI의 여러 내보내기 크기, 실시간 미리보기를 지원합니다.

이 프로젝트는 React 19, TypeScript, Vite, Tailwind CSS v4, Bun으로 제작되었습니다. 사용자 지정 관심 지점 핀은 사용자가 제공한 키로 Amap 장소 검색 API를 사용합니다.

핵심 기능

  • 01설치 없이 브라우저에서 모든 작업을 수행
  • 02tiny-skia 기반 Rust/WASM 렌더링 엔진
  • 03세밀한 색상 조정이 가능한 기본 제공 테마 20개
  • 04A4, 정사각형, 휴대폰 배경화면, 16:9 크기로 300 DPI 내보내기
  • 05Amap에서 검색할 수 있는 사용자 지정 POI 핀
  • 06더 빠른 재생성을 위한 IndexedDB 지도 데이터 캐싱

활용 사례

  • 고향이나 여행지의 도시 지도를 인쇄용 포스터로 만들기
  • 좋아하는 도시의 도로를 테마 벽 장식이나 선물로 디자인하기
  • 휴대폰이나 데스크톱용 지도 배경화면을 빠르게 만들기
  • 도시 포스터에 개인적인 관심 지점 표시하기

빠른 시작

  1. 1

    Bun으로 종속성을 설치합니다

    bun install
  2. 2

    Rust/WASM 렌더링 엔진을 빌드합니다(Rust와 wasm-pack 필요)

    bun run build:wasm
  3. 3

    개발 서버를 시작한 다음 http://localhost:5173 을 엽니다

    bun run dev

사용 전 알아둘 점

  • 로컬 개발 환경에서 WASM 엔진을 빌드하려면 Rust와 wasm-pack이 필요합니다.
  • 사용자 지정 POI 핀 기능을 사용하려면 본인의 Amap Web Service API 키가 필요합니다.

포함된 컬렉션

토픽

자주 묻는 질문

maptoposter-online은(는) 무엇인가요?
설치할 필요 없이 어느 도시의 OpenStreetMap 데이터로 테마가 적용된 지도 포스터를 만들어 다운로드할 수 있는 브라우저 기반 도구입니다. MapPoster Online에서는 도시를 선택하고 시각적 테마를 고른 다음, 해당 도시의 도로 지도를 인쇄용 포스터로 내보낼 수 있습니다. Python 명령줄 도구인 maptoposter를 브라우저에서 사용할 수 있도록 만든 후속 프로젝트라 설치가 필요 없습니다. 사이트를 열고 위치를 선택한 뒤 결과물을 다운로드하면 됩니다.
maptoposter-online은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
maptoposter-online은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
maptoposter-online은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. maptoposter-online의 마지막 커밋은 2026년 8월 3일입니다.
maptoposter-online은(는) 어디에 사용할 수 있나요?
고향이나 여행지의 도시 지도를 인쇄용 포스터로 만들기 좋아하는 도시의 도로를 테마 벽 장식이나 선물로 디자인하기 휴대폰이나 데스크톱용 지도 배경화면을 빠르게 만들기 도시 포스터에 개인적인 관심 지점 표시하기
maptoposter-online는 어떻게 설치하나요?
Bun으로 종속성을 설치합니다: bun install Rust/WASM 렌더링 엔진을 빌드합니다(Rust와 wasm-pack 필요): bun run build:wasm 개발 서버를 시작한 다음 http://localhost:5173 을 엽니다: bun run dev
maptoposter-online은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/ianho7/maptoposter-online

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트