개발자와 지도 디자이너를 대상으로 하는 MapLibre GL 스타일용 무료 개방형 시각적 편집기입니다.
docker run -it --rm -p 8888:80 ghcr.io/maplibre/maputnik:main
문서는 Wiki에서 찾을 수 있습니다. 협업을 환영합니다!
Maputnik은 typescript로 작성되었으며 React 및 MapLibre GL JS를 사용하고 있습니다.
우리는 Maputnik 빌드 및 개발이 현재 활성 LTS Node.js 버전 이상에서 작동하도록 보장합니다.
UI 텍스트 관련 변경 사항은 국제화 가이드를 확인하세요.
OSMUS의 #maplibre 또는 #maputnik Slack 채널에 가입하세요. https://slack.openstreetmap.us/에서 초대를 받으세요. 여기에서 우리가 어떻게 작업하는지 알아보려면 아래 가이드를 읽어보세요.
deps를 설치하고 개발 서버를 시작한 다음 http://localhost:8888/
에서 웹 브라우저를 엽니다.
# install dependencies
npm install
# start dev server
npm run start
Maputnik에 외부적으로 액세스할 수 있게 하려면 --host
옵션을 사용하십시오.
# start externally accessible dev server
npm run start -- --host 0.0.0.0
빌드 프로세스는 파일 시스템의 변경 사항을 감시하고 편집기를 다시 빌드한 후 자동으로 다시 로드합니다.
npm run build
JavaScript 코드를 린트합니다.
# run linter
npm run lint
npm run lint-css
npm run sort-styles
E2E 테스트에는 Cypress를 사용합니다.
Cypress는 서버를 시작하지 않으므로 npm run start
실행하여 수동으로 시작해야 합니다.
이제 터미널을 열고 chrome을 사용하여 다음을 실행합니다.
npm run test
또는 파이어폭스 :
npm run test -- --browser firefox
자세한 내용은 다음 문서를 참조하세요. (브라우저 시작)[https://docs.cypress.io/guides/guides/launching-browsers]
또한 실행 중인 테스트를 확인하거나 다음을 실행하여 실행할 제품군을 선택할 수도 있습니다.
npm run cy:open
CHANGELOG.md
검토package.json
파일을 변경하여 검토하고 병합하는 PR이 생성됩니다.Kickstarter 캠페인을 후원해주시는 분들께 감사드립니다. 이 프로젝트는 이러한 상업 및 개인 후원자가 없었다면 불가능했을 것입니다. 원본 Maputnik 저장소의 이전 스폰서에 대한 이 파일의 기록을 볼 수 있습니다. https://maplibre.org/sponsors/에서 MapLibre 후원 프로그램에 대해 자세히 알아보세요.
Maputnik은 MIT에 따라 라이센스가 부여되었으며 저작권 (c) Lukas Martinelli 및 Maplibre 기여자입니다. 기여자로서 Mapbox 상표를 위반하지 않도록 각별히 주의하시기 바랍니다. 다른 지도 스튜디오에서 영감을 얻지 말고 좋은 스타일 편집기를 위해 스스로 결정을 내리십시오.