My Style 편집

VPC 환경에서 이용 가능합니다.

My Style을 생성하면 자동으로 스타일링 에디터 화면으로 이동합니다. 에디터에서는 My Style을 구성하는 컴포넌트를 자유롭게 스타일링하고 My Style ID를 발행 할 수 있습니다. 또한 커스텀 스타일링 데이터를 저장하여 지속적으로 본인만의 아이덴티티를 반영한 지도 콘텐츠를 업데이트 할 수 있습니다.

이 가이드를 통해 학습하게 되는 내용을 정리하면 다음과 같습니다.

• Style Editor 화면에서 가능한 작업
  • My Style 에디터 화면
  • 컴포넌트 스타일링
    • 빠른 스타일링
    • 색상 스타일링
    • 글자 스타일링
    • 아이콘 에디터
  • 스타일링 히스토리
  • 지도 피킹 퀵 메뉴
  • 위치 컨트롤
  • 스타일 컨트롤

My Style 에디터 화면

My Style 에디터 화면은 다음의 영역으로 구성되어 있습니다.

컴포넌트 스타일링

에디터 화면 좌측의 메뉴 바에는 지도의 콘텐츠 요소인 컴포넌트를 커스텀하게 스타일링 할 수 있는 메뉴가 배치되어 있습니다. 컴포넌트에 따른 분류를 숙지 후 스타일링 작업을 진행하는 것을 권장합니다.

• 스타일링 가능한 범위는 다음과 같습니다.

  제공 기능	설명
  색상	컴포넌트의 디자인 요소 및 글자 요소의 메인 색상과 테두리선 색상(halo color) 지정
  글자	컴포넌트를 지칭하는 폰트 지정
  기타	크기, 투명도, 가시화 ON/OFF 선택

• 컴포넌트는 다음과 같이 분류됩니다.

  • Feature: 카테고리 대분류 항목 10개 (심볼, 경계, 시설, 건물, 도로, 수계, 단지, 녹지, 등고, 육지)
  • Mediator: 커스텀 대상 세부 항목이며 각 요소별로 스타일링 가능한 영역이 상이함 (◯-커스텀 가능, △-일부 커스텀 가능, X-커스텀 불가)

  대분류	세부 항목(개수)	색상	색상(테두리선)	글자(폰트종류)	글자(크기)	글자(아이콘크기)	기타(가시화)	기타(투명도)	기타(크기)
  심볼	107개	△	△	◯	△	△	◯	X	X
  경계	1개	◯	X	X	X	X	◯	◯	◯
  시설	143개	◯	X	X	X	X	△	△	△
  건물	9개	◯	X	X	X	X	△	△	△
  도로	18개	◯	X	X	X	X	△	△	△
  수계	1개	◯	X	X	X	X	◯	X	X
  단지	29개	◯	X	X	X	X	△	△	△
  녹지	3개	◯	X	X	X	X	△	△	△
  등고	1개	◯	X	X	X	X	△	△	△
  육지	1개	◯	X	X	X	X	△	△	△

빠른 스타일링

빠른 스타일링 메뉴는 다음과 같이 구성되어 있습니다.

빠른 스타일링에서 색상 설정하기

빠른 스타일링 메뉴에서 색상 스타일링을 커스텀하게 설정하는 방법은 다음과 같습니다.

1. 에디터 화면에서 메뉴를 클릭 후 Feature의 스타일링 가능한 범위 중 [색상] 을 클릭해 주십시오.
2. 필요 시 Mediator의 보여주기 방식(목록형/단축형)을 선택해 주십시오.
3. Mediator 목록 중 설정하려는 항목을 클릭해 주십시오.
4. 섬네일에 표시되는 색상의 팔레트 창이 펼쳐집니다.
5. 팔레트 창에서 대상을 선택 후 색상을 선택해 주십시오.
   • Mediator 이름: 대상 Mediator의 글자 및 디자인 요소의 메인 색상
   • Mediator 이름(halo): 대상 Mediator의 테두리 선
6. 작업 창에 표시되는 Mediator의 색상이 변경됩니다.

빠른 스타일링에서 글자 설정하기

빠른 스타일링 메뉴에서 글자 스타일링을 커스텀하게 설정하는 방법은 다음과 같습니다.

1. 에디터 화면에서 메뉴를 클릭 후 Feature의 스타일링 가능한 범위 중 [글자] 를 클릭해 주십시오.
2. Mediator 목록 중 설정하려는 대상을 클릭해 주십시오.
3. Mediator의 폰트 종류, 폰트 크기, 아이콘 크기를 설정해 주십시오.
   • Mediator 항목에 따라 변경 가능한 항목이 상이함
4. 작업 창에 표시되는 Mediator의 글자 및 아이콘 크기가 변경됩니다.

빠른 스타일링에서 기타 설정하기

빠른 스타일링 메뉴에서 기타 스타일링을 커스텀하게 설정하는 방법은 다음과 같습니다.

1. 에디터 화면에서 메뉴를 클릭 후 Feature의 스타일링 가능한 범위 중 [기타] 를 클릭해 주십시오.
2. Mediator 목록 중 설정하려는 대상의 가시화 여부를 설정해 주십시오.
3. 작업 창에 표시되는 Mediator가 표시/비표시됩니다.

색상 스타일링

색상 스타일링 메뉴에서 색상을 커스텀하게 스타일링하는 방법은 다음과 같습니다.

1. 에디터 화면에서 메뉴를 클릭 후 스타일링 대상을 검색해 주십시오.
   • <예시> 아파트로 검색 시 검색어가 포함된 Feature와 하위의 각 Mediator가 표시됩니다.
2. Feature 하위의 Mediator 목록 중 설정하려는 항목을 클릭해 주십시오.
3. 섬네일에 표시되는 색상의 팔레트 창이 펼쳐집니다.
4. 팔레트 창에서 대상을 선택 후 색상을 선택해 주십시오.
   • Mediator 이름: 대상 Mediator의 글자 및 디자인 요소의 메인 색상
   • Mediator 이름(halo): 대상 Mediator의 테두리 선
5. 작업 창에 표시되는 Mediator의 색상이 변경됩니다.

글자 스타일링

글자 스타일링 메뉴에서 글자를 커스텀하게 스타일링하는 방법은 다음과 같습니다.

1. 에디터 화면에서 메뉴를 클릭 후 스타일링 대상을 검색해 주십시오.
   • <예시> 지하철로 검색 시 검색어가 포함된 각 Mediator가 표시됩니다.
2. Mediator 목록 중 설정하려는 대상을 클릭해 주십시오.
3. Mediator의 폰트 종류, 폰트 크기, 아이콘 크기를 설정해 주십시오.
   • Mediator 항목에 따라 변경 가능한 항목이 상이함
4. 작업 창에 표시되는 Mediator의 글자 및 아이콘 크기가 변경됩니다.

아이콘 에디터

아이콘 에디터 메뉴는 다음과 같이 구성되어 있습니다.

아이콘 에디터에서 아이콘 교체하기

아이콘 에디터 메뉴에서 기존 아이콘을 커스텀 아이콘으로 변경하는 방법은 다음과 같습니다.

1. 에디터 화면에서 메뉴를 클릭해 주십시오.
2. 아이콘 에디터의 맵스 아이콘에서 변경할 아이콘을 선택해 주십시오.
3. 내 라이브러리에서 신규로 적용할 커스텀 아이콘을 선택해 주십시오.
4. 아이콘 변경 사항 영역에서 변경 상태를 확인해 주십시오.
   • 초기화: 기존 아이콘 상태로 변경
   • 미리보기: 변경 아이콘 상태 미리보기
   • 변경하기: 지도에 반영할 아이콘의 임시저장 상태
5. [지도 임시 반영] 버튼을 클릭해 주십시오.
6. 작업 창에 표시되는 맵스 아이콘이 변경됩니다.
   • 맵스 아이콘은 최대 50개까지 변경 가능

스타일링 히스토리

스타일링 히스토리 창은 다음과 같이 구성되어 있습니다.

영역	설명
① 되돌리기	버튼 클릭 시: 편집 내역의 시작 단계로 이동
② 내역	편집 내역 목록 POI(Point of Interest): 특정 지역을 지칭
③ 이동	화살표 클릭 시: 내역의 위/아래로 이동
④ 창 동작	스타일링 히스토리 창 길이 조절

지도 피킹 퀵 메뉴

지도 피킹 퀵 메뉴 창은 다음과 같이 구성되어 있습니다.

Feature와 Mediator

Feature는 하나의 컴포넌트를 구성하는 글자/아이콘/해당 컴포넌트의 그래픽 소스를 함께 묶은 상위 분류 개념이며 Mediator는 Feature의 분류별 요소를 상세하게 쪼갠 편집 가능한 세부 요소입니다. 작업 화면에서 컴포넌트를 선택 시 표시되는 지도 피킹 퀵 메뉴 창에서 해당 컴포넌트의 Feature를 확인 후 필요한 Mediator를 선택하여 스타일링 작업을 진행해 주십시오.

위치 컨트롤

위치 컨트롤 영역에서는 다음의 동작을 할 수 있습니다.

• 버튼 클릭 시: 검색창에서 임의의 도로명, 지번을 검색하면 해당 위치로 이동
• 버튼 클릭 시: 지도 확대/축소

스타일 컨트롤

스타일 컨트롤 영역에서는 다음의 작업을 할 수 있습니다.

스타일링 작업을 저장하기

스타일링 작업 후 [Save] 버튼 클릭 시 저장과 함께 마지막 저장 시점 표시가 갱신됩니다.

커스텀 지도를 발행하기

[Publish] 버튼 클릭 시 최초 발행의 경우는 My Style ID 발급과 함께 발행 시점 표시가 갱신됩니다.

My Style 발행에 대한 상세 가이드는 다음을 참조해 주십시오.

• 스타일 발행하기