# Protomaps - OpenStreetMap 으로 나만의 지도시스템 만들기

> Clean Markdown view of GeekNews topic #4135. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4135](https://news.hada.io/topic?id=4135)
- GeekNews Markdown: [https://news.hada.io/topic/4135.md](https://news.hada.io/topic/4135.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-04-26T09:26:55+09:00
- Updated: 2021-04-26T09:26:55+09:00
- Original source: [protomaps.com](https://protomaps.com/)
- Points: 14
- Comments: 1

## Topic Body

- OSM 지도를 커스텀해서 직접 S3등을 이용해 서버리스 호스팅

- Protomaps + PMTiles + OSM Express

ㅤ→ Protomaps.js : 2D Canvas 기반 오픈소스 벡터 지도 렌더러

ㅤ→ PMTiles : 지도 타일의 서버리스용 포맷 (S3 및 CDN에 적합)

ㅤ→ OSM Express : 빠른 OSM 저장 포맷

- 특정지역의 OSM 지도 데이터를 PMTiles 포맷으로 다운로드 가능

- Leaflet.js 연동

## Comments



### Comment 5000

- Author: xguru
- Created: 2021-04-26T09:26:59+09:00
- Points: 4

지도 서비스가 특정 단계 이상에서는 비용이 많이 들어서 OSM도입을 많이 하긴 하는데요.

백엔드 구성자체가 복잡해서 그걸 더 쉽게 개선한거네요. 흥미로운 시도인듯 합니다.

- Geospatial 웹서비스를 만들때 추천하는 도구들 모음 https://news.hada.io/topic?id=674

- Switch2OSM - OpenStreetMap 전환 가이드 https://news.hada.io/topic?id=1066