타일, 벡터 데이터, 마커를 표시하는 인터랙티브 웹 지도를 만들기 위한 고성능 JavaScript 라이브러리입니다.
dimartarmizi/map-to-poster
검색한 장소를 테마와 레이아웃으로 꾸미고 고해상도 PNG로 내보내는 클라이언트 사이드 웹 앱
대체할 수 있는 제품:Positive Grid Poster
Mapiful
- 스타
- 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
저장소를 클론합니다
git clone https://github.com/dimartarmizi/map-to-poster.git - 2
프로젝트 폴더로 이동합니다
cd map-to-poster - 3
종속성을 설치합니다
npm install - 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 통계는 매일 갱신됩니다.
관련 프로젝트
브라우저에서 OpenStreetMap 데이터를 사용해 선택한 도시의 모든 도로를 지도처럼 한 번에 시각화합니다.
브라우저에서 클라이언트 측 JavaScript로 실행하고 자체 호스팅할 수 있는 다이어그램 및 화이트보드 편집기입니다.
문서, 스프레드시트, 프레젠테이션, 양식, 칸반 보드 등을 실시간으로 편집할 수 있는 종단 간 암호화 오픈소스 협업 오피스 제품군입니다.
브라우저에서 회의실을 열어 화면 공유, 채팅, 화이트보드를 이용하는 셀프 호스팅 오픈소스 P2P WebRTC 화상 회의 서비스입니다.
고객, 서비스, 제공자 관리와 근무 일정, Google Calendar 동기화를 지원하는 셀프 호스팅 예약 웹 앱입니다.