2. 페인팅 및 커스터마이징

지도를 로드했으니 이제 생명을 불어넣을 차례입니다! 이 섹션에서는 PaintMyMap의 강력한 핵심 페인팅 및 커스터마이징 기능을 다룹니다. 이 기능은 편집기에서 보는 것과 정확히 일치합니다.

페인팅 작동 방식

PaintMyMap에서 페인팅은 지도 요소(국가, 지역 등)를 범례 그룹에 할당하여 작동합니다. 각 그룹은 고유한 색상, 선택적 패턴, 라벨을 가집니다.

페인트, 지우기 및 브러시 크기 변경

기본 페인팅

1. 범례 그룹 선택: 범례에서 그룹을 클릭합니다(그룹의 색상이 활성 페인트 색상이 됩니다).
2. 브러시 선택: 단일 브러시 또는 원형 크기(S/M/L/XL)를 선택합니다.
3. 페인팅: 지도 요소를 클릭하거나 드래그하여 선택한 그룹에 할당합니다.
4. 지우개: 지우개로 전환하여 요소에서 페인트를 제거합니다.

단축키: B(브러시), E(지우개), ⌘/Ctrl+Z(실행 취소), ⇧+⌘/Ctrl+Z(다시 실행)

범례 관리

범례는 지도의 시각적 조직의 중심입니다. 지도에서 페인트하려는 각 색상은 그룹(범례 항목)에 할당되어야 합니다.

범례 항목 선택, 재정렬, 숨기기/표시, 범례 제목 추가, 크기 조정 및 이동

범례 그룹 생성

• 그룹 추가: + 항목 추가를 클릭하여 새 그룹을 만듭니다.
• 그룹 색상 및 패턴: 색상 견본을 클릭하여 색상/패턴 메뉴를 엽니다.
• 그룹 라벨: 각 그룹의 라벨 필드에 직접 입력합니다.
• 범례에서 표시/숨기기: 그룹의 가시성을 전환합니다.
• 재정렬: 핸들을 사용하여 드래그하거나 위/아래 버튼을 사용합니다.
• 삭제: 그룹을 제거합니다(페인트된 영역은 삭제되지 않으며 미페인트 상태로 되돌아갑니다).
• 범례 제목: 옵션에서 "범례 제목 표시"를 전환한 후 제목 텍스트를 편집합니다.

범례 위치 지정

• 드래그하여 이동: 범례를 지도 어디로든 드래그합니다(미리보기 모드에서 가장 쉬움).
• 크기 조정: 모서리 핸들을 사용하여 범례 블록을 스케일링합니다.
• 배경: 옵션에서 범례 배경 색상 및 투명도를 설정합니다.

색상 그라데이션 생성 - Choropleth 지도

Choropleth 생성기를 사용하면 단 한 번의 클릭으로 완벽한 색상 그라데이션을 만들 수 있습니다! 시작 색상과 종료 색상, 단계 수를 선택하면 완료됩니다.

Choropleth 생성기로 색상 그라데이션 생성

브러시 도구

브러시를 선택하려면 브러시 도구를 클릭하세요. 크기를 변경하려면 옆의 드롭다운을 사용하세요. 색상을 변경하려면 범례에서 새 그룹을 생성하거나 선택하세요.

브러시 유형

• 단일: 클릭당 하나의 요소를 페인트(정밀 제어)
• 원형: 브러시 반경 내의 모든 요소를 페인트
  • S/M/L/XL 크기로 빠른 채우기

브러시 컨트롤

• 활성 그룹: 현재 선택된 범례 그룹
• 브러시 크기: S/M/L/XL 중 선택; 미리보기 원이 정확한 반경을 표시
• 색상 미리보기: 활성 그룹의 색상/패턴 표시
• 지우개: 요소에서 페인트 제거(E)

팁: 크기를 실험하면서 실행 취소/다시 실행을 자유롭게 사용하세요.

브러시 색상

단일 색상으로 페인트하거나 패턴을 선택하여 두 가지 또는 세 가지 색상을 사용할 수 있습니다.

브러시를 위한 단색 또는 이색/삼색 패턴 선택

도형 도구

도형 도구를 사용하여 주석을 추가하거나 강조하거나 페인트된 영역 위에 추가 의미를 레이어링할 수 있습니다.

도형 그리기, 색상 변경, 텍스트 추가, 회전 및 편집

사용 가능한 도형 유형

도형	용도
선	간단한 포인터/밑줄; 클릭‑드래그로 그립니다.
화살표	방향성 콜아웃(자동 화살표 머리).
사각형	표준 상자 강조.
둥근 사각형	부드러운 강조/라벨 컨테이너(둥근 모서리).
원	강조 링 또는 마커.
주석	말풍선 스타일 주석(타원형 본체 + 꼬리).
주석 상자	직사각형 말풍선(박스형 변형)으로 이동 가능한 꼬리 포함.
콜아웃	상자 + 화살표 꼬리(꼬리는 대상 지점을 가리키는 삼각형/화살표).

도형 그리기

1. 도형 도구를 선택합니다(단축키: S).
2. 미니 팔레트에서 도형 유형을 선택합니다.
3. 지도에서 클릭하고 드래그하여 그립니다.
4. 드래그하는 동안 Shift를 누르면 제약: 완벽한 원, 정사각형 또는 45° 증분으로 선/화살표.
5. Option/Alt를 누르고 있으면 초기 클릭에서 바깥쪽으로 그립니다(원/사각형의 중심‑바깥).

도형 스타일링 및 옵션

• 선 두께 및 색상: 윤곽선 두께와 색상을 조정합니다.
• 확대/축소와 함께 스케일: 확대/축소 시 선/텍스트가 스케일링되는지 여부를 전환(상대 크기 활성화, 일정한 시각적 가중치 비활성화).
• 채우기: 채우기를 활성화; 단색 또는 패턴 선택; 슬라이더를 통해 투명도 조정.
• 패턴: 범례 그룹과 동일한 패턴 라이브러리(선, 점, 줄무늬, 삼색 패턴).
• 텍스트: 텍스트 오버레이 활성화; 글꼴, 크기, 색상 및 선택적 그림자 + 그림자 색상 설정.
• 드롭 섀도우: (도형별) 그림자를 활성화하고, 흐림, 불투명도, 오프셋 및 깊이/대비를 위한 색상을 조정합니다.

도형 편집

• 선택 도구(V)를 사용하여 도형을 선택합니다.
• 드래그하여 이동; 크기 조정(모서리) 및 회전(회전 컨트롤/R 키 선택 시) 핸들이 나타납니다.
• 도형 텍스트를 더블 클릭하여 편집합니다.
• Delete / Backspace(또는 삭제 아이콘)를 눌러 제거합니다.
• 주석 / 주석 상자 / 콜아웃 꼬리: 원형 꼬리 핸들을 드래그하여 말풍선/상자 본체와 독립적으로 포인터를 재배치합니다.

SVG 도구 (가져오기/배치)

SVG 도구는 재사용 가능한 벡터 그래픽을 가져오기 위한 SVG 라이브러리 대화 상자를 엽니다.

SVG 로드 및 배치, 색상 변경, 크기 조정, 회전 및 편집

워크플로우

1. **SVG (가져오기/배치)**를 클릭하여 대화 상자를 엽니다.
2. 원시 SVG 마크업을 붙여넣거나 .svg 파일을 하나 이상 선택합니다. Theme 드롭다운에서 일부 기본 제공 SVG를 탐색할 수도 있습니다.
3. 목록에 추가를 눌러 "내 SVG" 아래에 캐시된 파싱 버전을 저장합니다(로컬 저장소에 저장됨).
4. 항목을 선택하고 배치를 눌러, 지도에서 클릭‑드래그하여 위치 및 크기를 한 번에 조정합니다.
5. 이후 선택(V)을 사용하여 세부 조정: 이동, 회전, 크기 조정, 삭제.

동작 및 참고 사항

• 대화 상자 전환: 열려 있는 동안 SVG 도구를 다시 클릭하면 닫히고 선택으로 돌아갑니다.
• 정리: 안전을 위해 스크립트, 이벤트 핸들러, foreignObject 노드가 제거됩니다.
• 배치 중 자동으로 종횡비가 유지됩니다.
• 라이브러리 지속성: "모두 지우기" 버튼으로 모두 삭제; 개별 항목은 제거할 수 있습니다.
• 성능: 매우 복잡한 SVG(수천 개의 경로)는 상호작용 및 내보내기 시간을 영향을 줄 수 있습니다.

사용 사례

로고, 배지, 픽토그램(인구, 기후 아이콘), 삽입 마커, 나침반 장미, 장식 프레임.

선택 도구

선택 도구(V)는 그려진 도형 및 배치된 SVG를 조작할 수 있게 합니다.

선택 및 다중 선택

• 도형/SVG를 클릭하여 선택; 드래그하여 이동.

변형 핸들

• 모서리 핸들: 크기 조정(Shift를 누르고 있으면 정사각형/원으로 제약).
• 회전 핸들 또는 선택된 상태에서 R을 눌러 회전.
• 주석/주석 상자 꼬리 핸들: 말풍선 꼬리 앵커를 재배치.

텍스트 편집

• 도형 텍스트(주석/주석 상자/텍스트 활성화된 도형)를 더블 클릭하여 인라인 편집.
• 스타일 컨트롤(글꼴, 크기, 색상, 그림자)을 사용하여 세부 조정.

삭제

• Backspace / Delete 또는 UI의 삭제 아이콘을 사용하여 선택한 도형 삭제.

고급 커스터마이징

다음 기능으로 지도를 한 단계 더 발전시키세요. 옵션을 열어 액세스하세요:

범례 설정

• 범례: 지도에서 범례 표시/숨기기
• 범례 배경: 범례 배경 색상 및 투명도 설정
• 범례 제목 설정: 범례 제목 설정 또는 완전히 숨기기

지도

• 페인트된 영역만: 깨끗한 내보내기를 위해 미페인트 영역 숨기기
• 격자선 표시
• 지리선 표시
• 라벨이 있는/없는 시간대 선 표시

라벨 및 제목

• 지도 제목: 제목 전환, 텍스트 편집, 위치 드래그, 모서리 핸들로 크기 조정
• 국가 라벨: 국가 라벨 표시, 약어 선택, 글꼴, 색상, 선택적 그림자 변경. 페인트된 국가에만 표시하거나 국가 이름을 범례 그룹 값으로 교체

시각적 향상

• 지도 배경 색상: 캔버스 배경 설정

• 테두리 색상: 국가 테두리 색상 설정

• 지도 테마: 영감을 얻고 싶으신가요? 내장된 색상 팔레트에서 지도 테마 선택

• 격자선: 위도/경도 그리드 표시

• 지리선: 적도, 회귀선, 극지방선, 본초 자오선 표시

• 시간대: 지원되는 지도에 대해 선택적 시간대 폴리곤 및 라벨

색상 전략

• 범주형: 서로 다른 범주에 대해 뚜렷한 색상 사용
• 연속형: 데이터 범위에 대한 색상 그라데이션 사용
• 발산형: 극단을 강조하는 색상 스킴 사용

패턴 페인팅

내장된 SVG 패턴으로 미묘한 텍스처 추가:

• 선/줄무늬: 수평, 수직, 대각선; 삼중선 변형
• 점/크로스해치: 점 그리드 및 크로스해치 스타일
• 삼중선: 기본/보조/3차 색상 결합

방법: 그룹의 색상 견본을 클릭하고 패턴을 활성화한 다음 유형을 선택합니다. 기본, 보조 및(사용 가능한 경우) 3차 색상을 사용자 지정합니다. 사용자 정의 패턴 이미지를 업로드하는 것은 현재 지원되지 않습니다.

실행 취소 및 다시 실행

포괄적인 기록 컨트롤로 작업을 절대 잃지 마세요:

기록 컨트롤

• 실행 취소/다시 실행: 변경 사항 단계별 실행 취소/다시 실행(⌘/Ctrl+Z, ⇧+⌘/Ctrl+Z)
• 모두 지우기: 모든 페인팅 제거(확인 필요)

복사 및 붙여넣기

SVG 및 도형에서 작동하는 복사/붙여넣기 기능으로 작업 속도를 높이세요(⌘/Ctrl+C, ⌘/Ctrl+V)

자동 저장

작업이 브라우저의 로컬 저장소에 저장되며, 다시 돌아왔을 때 복원하라는 메시지가 표시됩니다.

인터랙티브 기능

확대 및 이동

• 마우스 휠: 커서 위치에서 확대/축소
• 확대 버튼: 정밀 확대/축소 제어(+/−)
• 이동: 지도 뷰를 이동하려면 드래그

회전 및 방향

• 지구 회전: 지구를 회전(회전 컨트롤 드래그)
• 2D 회전: 평면 지도를 회전(회전 컨트롤 드래그)
• 뒤집기: 수평 및 수직 미러 효과

도형 및 주석

도형 도구를 사용하여 시각적 콜아웃 추가:

• 유형: 선, 화살표, 사각형, 둥근 사각형, 원, 주석, 주석 상자, 콜아웃
• 스타일: 선 두께/색상 및 채우기 색상/투명도 설정
• 텍스트: 도형에 텍스트 추가(글꼴, 크기, 색상, 선택적 그림자)
• 확대/축소와 함께 스케일: 확대/축소 시 도형이 스케일링되는지 선택

프로젝트 저장 및 로드

상태 내보내기(프로젝트 저장)

• 진행 상황 저장: 전체 프로젝트를 JSON 파일로 내보내기
• 포함 항목: 모든 페인팅, 색상, 설정 및 커스터마이징
• 파일 형식: 나중에 다시 열 수 있는 .json 파일
• 용도: 작업 백업 또는 나중에 계속

상태 가져오기(프로젝트 로드)

• 작업 복원: 이전에 저장된 JSON 파일 가져오기
• 보존 항목: 모든 페인팅 및 커스터마이징 설정
• 장치 간: 다른 브라우저 및 장치에서 작동

자동 저장

• 자동: 작업이 브라우저 로컬 저장소에 저장됨
• 복구: 마지막 세션을 자동으로 복원
• 조치 필요 없음: 백그라운드에서 실행

미리보기 모드

내보내기 전에 미리보기 모드를 사용하여 최종 지도를 확인하세요:

• 모든 편집 컨트롤 및 UI 숨기기
• 지도, 범례 및 사용자 정의 요소만 표시
• 세부 위치를 위해 범례 및 제목 드래그 허용
• 최종 구성 확인에 적합

다음 단계

지도가 완벽해 보이면 내보내기할 시간입니다! 마지막 섹션으로 이동하여 생성물을 저장하고 공유하는 방법을 알아보세요.