Repolode
dimartarmizi

dimartarmizi/map-to-poster

검색한 장소를 테마와 레이아웃으로 꾸미고 고해상도 PNG로 내보내는 클라이언트 사이드 웹 앱

대체할 수 있는 제품:Positive Grid PosterMapiful

스타
1,097
포크
168
열린 이슈
5
마지막 커밋
5개월 전

어떤 프로젝트인가요?

MapToPoster JS를 사용하면 전 세계 어디든 검색해 인쇄용 지도 포스터로 만들 수 있습니다. Leaflet으로 렌더링하는 Minimal White, Midnight Dark, Satellite View 등의 래스터 테마와 MapLibre GL로 렌더링하는 Arctic Frost, Blueprint Classic 등의 벡터 아트 테마 중에서 선택할 수 있습니다.

편집기에서는 스타일뿐 아니라 레이아웃도 조정할 수 있습니다. 마커를 추가하고 드래그할 수 있으며, OSRM 경로 안내로 여행 경로를 표시하고, 매트 또는 파스파르투 프레임을 추가할 수 있습니다. 국가명, 좌표, 라벨 표시를 켜고 끌 수 있고, 도시 라벨 오버레이도 드래그할 수 있습니다. 설정은 LocalStorage에 저장됩니다.

최대 50,000px의 사용자 지정 해상도로 PNG 파일을 내보낼 수 있습니다. 모든 작업이 브라우저에서 실행되므로 위치 데이터가 서버로 전송되지 않습니다. Vite와 Tailwind CSS로 만들었으며, 정적 빌드를 Nginx로 제공하는 Docker 설정도 포함되어 있습니다.

핵심 기능

  • 01Nominatim 지오코딩으로 전 세계 장소를 검색합니다.
  • 02Leaflet 래스터 테마와 MapLibre GL 벡터 아트 테마를 전환합니다.
  • 03마커를 여러 개 추가하고 드래그하며 스타일을 지정합니다.
  • 04OSRM 기반 경로 가져오기로 여행 경로를 표시합니다.
  • 05너비, 테두리, 불투명도를 조정할 수 있는 매트 프레임을 추가합니다.
  • 06최대 50,000px의 PNG 파일로 내보냅니다.
  • 07모든 작업이 브라우저에서 실행되며 설정은 LocalStorage에 저장됩니다.

활용 사례

  • 고향, 도시 또는 여행 경로를 벽에 걸 수 있는 포스터로 만듭니다.
  • 결혼식, 기념일 또는 이사를 위한 맞춤 지도 선물을 제작합니다.
  • 자체 호스팅 정적 배포 환경에서 대형 인쇄물을 제작합니다.

빠른 시작

  1. 1

    저장소를 클론합니다

    git clone https://github.com/dimartarmizi/map-to-poster.git
  2. 2

    프로젝트 폴더로 이동합니다

    cd map-to-poster
  3. 3

    종속성을 설치합니다

    npm install
  4. 4

    개발 서버를 시작합니다 (http://localhost:5173에서 열립니다)

    npm run dev

사용 전 알아둘 점

  • 로컬에서 실행하려면 Node.js 18.0.0 이상이 필요합니다.
  • 지도 타일과 검색은 Nominatim, OSRM, CartoDB 등의 타사 서비스에 의존합니다.

토픽

자주 묻는 질문

map-to-poster은(는) 무엇인가요?
검색한 장소를 테마와 레이아웃으로 꾸미고 고해상도 PNG로 내보내는 클라이언트 사이드 웹 앱 MapToPoster JS를 사용하면 전 세계 어디든 검색해 인쇄용 지도 포스터로 만들 수 있습니다. Leaflet으로 렌더링하는 Minimal White, Midnight Dark, Satellite View 등의 래스터 테마와 MapLibre GL로 렌더링하는 Arctic Frost, Blueprint Classic 등의 벡터 아트 테마 중에서 선택할 수 있습니다.
map-to-poster은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
map-to-poster은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
map-to-poster은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. map-to-poster의 마지막 커밋은 2026년 6월 6일입니다.
map-to-poster은(는) 어디에 사용할 수 있나요?
고향, 도시 또는 여행 경로를 벽에 걸 수 있는 포스터로 만듭니다. 결혼식, 기념일 또는 이사를 위한 맞춤 지도 선물을 제작합니다. 자체 호스팅 정적 배포 환경에서 대형 인쇄물을 제작합니다.
map-to-poster는 어떻게 설치하나요?
저장소를 클론합니다: git clone https://github.com/dimartarmizi/map-to-poster.git 프로젝트 폴더로 이동합니다: cd map-to-poster 종속성을 설치합니다: npm install 개발 서버를 시작합니다 (http://localhost:5173에서 열립니다): npm run dev
map-to-poster은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/dimartarmizi/map-to-poster

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

관련 프로젝트