Community라이팅 & 에디팅github.com

hopechen067/MapStage

MapStage 라이브 튜너: 지도/지구본, 위성, 고저차 음영, 지역 분리, Mapterhorn DEM, JSON 프리셋.

MapStage란 무엇인가요?

MapStage는 지도 기반 시각화 장면을 구축하고 미세 조정하기 위한 종합적인 AI 에이전트 기술입니다. 지도/지구본 투영, 위성 이미지, 고저차 음영, Mapterhorn 지형, 지역 분리, CSS 색상 보정 및 JSON 내보내기를 지원하여 지도 스타일을 정밀하게 제어할 수 있습니다. 이 기술은 두 가지 주요 모드로 작동합니다: 프로덕션에 MapStage를 내장하는 '프로덕션 스택'과 튜너 디렉토리 아래의 로컬 HTTP 페이지로 슬라이더, 투영, 지역 분리 및 프리셋 로드/내보내기를 제공하는 '튜너'입니다. 주요 워크플로우는 튜너를 제공하고, 프리셋을 적용하고, 모양을 조정하고, JSON을 내보내고, 조정된 설정을 최종 렌더링을 위한 프로덕션 호스트로 마이그레이션하는 것을 포함합니다. 엄격한 규칙으로는 DEM 인코딩('terrarium' 필수), 프로덕션 경로에서 easeTo/flyTo 회피, 튜너가 아닌 프로덕션 호스트에서 최종 프레임을 렌더링하는 것 등이 있습니다. Claude Code, Cursor, Codex 등의 환경에서 사용하도록 설계되었으며, 포괄적인 참조 문서와 JSON 스키마가 함께 제공됩니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add hopechen067/MapStage

Installed? Explore more 라이팅 & 에디팅 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

MapStage은(는) 무엇을 하나요?

MapStage 장면을 구축하거나 튜닝할 때 이 기술을 사용하세요: 지도/지구본 투영, 위성, 고저차 음영, Mapterhorn 지형, 지역 분리, CSS 색상 보정, JSON 내보내기.

사용 시기

  • 라이브 MapStage 튜너가 필요한 경우 (지도 대 지구본, 위성 대 음영, 분리).
  • 페인트/CSS/카메라를 고정한 후 JSON을 다른 호스트로 내보내야 하는 경우.
  • 계층화된 정착지(capital / large / medium / small / pass / station / ordos)가 필요한 경우.

튜너 페이지를 최종 렌더링 호스트로 사용하지 마십시오.

모드

모드목적
프로덕션 스택앱에 MapStage를 내장: 선택적 위성/래스터 + Mapterhorn DEM (encoding: 'terrarium') + 언덕 음영 + OpenFreeMap 벡터 워터 + CSS 필터 + 도시 돌출. 내보낸 JSON으로 모양을 제어합니다.
튜너tuner/ 아래의 로컬 HTTP 페이지: 슬라이더, 투영, 분리, 프리셋 로드/내보내기.

워크플로우

  1. 튜너 제공: cd tuner && python -m http.server 8765 → http://localhost:8765/
  2. 타일: 기본 EOX Sentinel-2 클라우드리스 + Mapterhorn (tuner/map-tiles.config.js). gitignore된 map-tiles.config.local.js로 재정의 가능.
  3. 기본 프리셋 tuner/preset-antique-default.json 적용 (tuner/presets/antique-default.json과 동일).
  4. 모양이 고정될 때까지 투영/위성/음영/분리/CSS/도시 조정.
  5. 튜너에서 JSON 내보내기 (복사 또는 다운로드).
  6. 페인트 + 카메라 + CSS 필드를 프로덕션 MapStage 장면으로 마이그레이션 (참조 문서 참조).
  7. 프로덕션에서: jumpTo 카메라; idle 대기; 선택적으로 타일 사전 캐시. 녹화된 프레임의 경우 easeTo / flyTo를 피하십시오.
  8. 항상 **encoding: 'terrarium'**으로 DEM을 설정하십시오. 잘못된 인코딩은 언덕 음영/지형을 망가뜨립니다.
  9. 최종 프레임은 프로덕션 호스트에서 렌더링됩니다 — 튜너 UI에서가 아닙니다.

엄격한 규칙

  • 타일이 번들되지 않음 — MapStage는 런타임에 설정된 URL에서만 DEM과 베이스맵을 가져옵니다.
  • 사용이 허가된 베이스맵 엔드포인트만 사용하십시오 — 기본값은 공개 데모 타일(EOX)입니다. 필요시 설정을 통해 교체하십시오.
  • 지형 소스의 encoding: 'terrarium' — 필수.
  • 녹화된 프로덕션 경로에서 easeTo / flyTo 사용 금지; jumpTo + idle을 선호하십시오.
  • 튜너에서 최종 렌더링을 호스팅하지 마십시오.
  • 워터는 내장된 OpenFreeMap / OpenMapTiles 벡터 레이어입니다. tuner/assets/water-data.js를 기대하거나 커밋하지 마십시오.

참조

에이전트

표시 이름/기본 프롬프트는 agents/openai.yaml를 참조하십시오.

관련 스킬