대안 찾기
← 스킬 목록

수업자료·발표

MapStage

교사 개인용 ⭐ 476 MIT

지도와 지구본, 위성 이미지, 지형도 등을 실시간으로 조정하고 시각화합니다. 교육용 지리 자료 제작에 적합한 Mapterhorn DEM과 JSON 프리셋을 지원합니다.

예시 체험

중1 사회 — 한반도 고도 색 지형 지도 만들기

꾸민 수업 예시 직접 생성 — 에이전트 제작 새 창에서 크게 보기
선생님이 입력한 내용

중학교 1학년 사회 '우리나라의 지형' 단원 첫 시간. 교사가 도입 화면과 활동지에 넣을 한반도 지형 지도 한 장을 미리 준비하려는 상황이다.

중학교 1학년 사회 '우리나라의 지형' 수업 도입에 쓸 한반도 지형 지도를 만들어 주세요. 높은 곳은 갈색, 낮은 곳은 초록으로 보이는 고도 색 지도로 하고, 산맥이 입체적으로 도드라지게 해 주세요. 남한·북한과 제주도가 한눈에 들어오게 하고, 옛 지도처럼 은은한 색으로 마무리해 주세요. 마지막에 지도 설정값을 JSON으로 저장해 주세요.
나온 결과 MapStage로 만든 한반도 지형 지도. 낮은 곳은 초록, 높은 곳은 갈색·노란색으로 칠해진 고도 색 지도 위에 산맥이 입체적으로 도드라진다. 백두대간을 따라 이어진 산지와 동해안 쪽의 험준한 지형, 남서부 평야, 남쪽 끝 제주도가 보인다. 왼쪽 아래에 50 km 축척 막대와 '지도: EOX Sentinel-2 cloudless · 지형 DEM: Mapterhorn' 출처 표시가 있다.
내려받은 설정값(JSON ver.3) 일부 — camera: 한반도 중심 127.1°E·36.6°N, zoom 6.5, 기울기(pitch) 46° ui: projection "map", showRelief true(고도 색), showSatellite false mapstage: terrainExaggeration 1.5, hillshade 강조 0.7 · 빛 방향 315°

직접 해 보기 — 3단계

  1. 브라우저에서 MapStage 조절 화면(공개 데모 주소 또는 저장소 안내대로 스킬 폴더를 내려받아 로컬 주소)을 연다.
  2. AI 에이전트에게 위 문장을 붙여 넣는다. 에이전트가 고도 색 지도·산 그림자·3D 기울기·카메라 위치를 맞추고 설정값을 JSON(ver.3)으로 내려 준다.
  3. 내려받은 JSON을 지도에 적용해 남한·북한·제주도가 모두 들어오는지, 색과 출처 표시가 제대로 보이는지 확인한다. 수업 자료에 넣을 때도 출처 표시는 남긴다.

수업 상황은 이해를 돕기 위해 꾸민 예시입니다. 만든 방법: opencode (DeepSeek) + 이 스킬 (MapStage) · 확인일 2026-10-16. 그림은 공개된 MapStage 조절 화면(tuner)을 이 저장소의 한국어 번역본으로 로컬에서 열고, 내려받은 설정값(JSON ver.3)을 넣어 지도만 캡처한 것이다(조절 패널은 숨김). 스킬 안내대로 최종 그림은 조절 화면이 아니라 실제 지도 화면에서 찍었다. 슬라이더를 손으로 만지는 대신 설정값 JSON을 직접 넣어 같은 결과를 만들었다. 지도 타일(EOX 위성·Mapterhorn 지형·OpenFreeMap 물)은 저장소에 들어 있지 않고 인터넷에서 실시간으로 받아오므로, 인터넷이 없으면 그려지지 않는다. 확대 정도·기울기·강조 값은 보기 좋게 맞춘 수업용 예시 값이며 측정한 사실이 아니다. 높낮이 색은 지형 데이터에서 나온 것이고 색 띠는 스킬 기본값을 그대로 썼다. 이 스킬의 기본 경계·땅덩이·도시 자료는 중국 기준이라 도시 이름표는 껐고, 한국어 지명은 지도에 없다 — 선생님이 따로 넣어야 한다. 수업에 쓰기 전에 남한·북한 경계와 지명, 출처 표시(EOX·Mapterhorn·OpenFreeMap·OpenStreetMap)가 맞는지 직접 확인하고, 지도 타일 이용 약관을 확인해야 한다. 화면의 지명·경계 등 사실 관계는 이 그림만으로 단정하지 말 것.

써 보려면

공식 예시 — 출처 프로젝트 제공 새 창에서 크게 보기

버튼과 설명은 한국어로 옮겼습니다. 지도의 강·호수 이름 중 확인한 것은 한국어로 적습니다. 원본 지리 데이터와 맞추는 이름은 코드에 한자로 남아 있습니다. 성 이름 파일과 손그림 참고 그림은 이 저장소에 없어, 원본을 열면 한자가 보일 수 있습니다.

  1. 저장소 hopechen067/MapStage를 엽니다.
  2. 설치가 필요합니다. 절차는 저장소 안내를 따릅니다.
  3. 이 기록에는 API 키가 필요하지 않다고 되어 있습니다.

출처

확인일2026-10-16
용도 구분교사 개인용
GitHub 스타476

스타 수와 라이선스는 공식 저장소 기준이며, 일일 검증이 다시 확인합니다. 정보 정정 요청

라이선스

라이선스MIT
설치필요
API 키이 기록에는 불필요

변경 이력 (최근 3건)

daily-verifier가 매일 GitHub/GitLab API로 재확인한 사실 변경 기록입니다. 확인 근거는 변경 이력 페이지에 있습니다.

  1. 2026-10-16별 수476
  2. 2026-10-15별 수474
  3. 2026-10-14별 수473