--- title: "My Style 편집" slug: "application-maps-styleeditor-edit-vpc" updated: 2026-09-17T09:07:20Z published: 2026-09-17T09:07:20Z canonical: "guide.ncloud-docs.com/application-maps-styleeditor-edit-vpc" stale: true --- > ## Documentation Index > Fetch the complete documentation index at: https://guide.ncloud-docs.com/llms.txt > Use this file to discover all available pages before exploring further. # My Style 편집 VPC 환경에서 이용 가능합니다. My Style을 생성하면 자동으로 스타일링 에디터 화면으로 이동합니다. 에디터에서는 My Style을 구성하는 컴포넌트를 자유롭게 스타일링하고 **My Style ID**를 발행 할 수 있습니다. 또한 커스텀 스타일링 데이터를 저장하여 지속적으로 본인만의 아이덴티티를 반영한 지도 콘텐츠를 업데이트 할 수 있습니다. 이 가이드를 통해 학습하게 되는 내용을 정리하면 다음과 같습니다. - Style Editor 화면에서 가능한 작업 - [My Style 에디터 화면](/docs/application-maps-styleeditor-edit-vpc#MyStyle%EC%97%90%EB%94%94%ED%84%B0%ED%99%94%EB%A9%B4) - [컴포넌트 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - [빠른 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EB%B9%A0%EB%A5%B8%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - [색상 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EC%83%89%EC%83%81%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - [글자 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EA%B8%80%EC%9E%90%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - [아이콘 에디터](/docs/application-maps-styleeditor-edit-vpc#%EC%95%84%EC%9D%B4%EC%BD%98%EC%97%90%EB%94%94%ED%84%B0) - [스타일링 히스토리](/docs/application-maps-styleeditor-edit-vpc#%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81%ED%9E%88%EC%8A%A4%ED%86%A0%EB%A6%AC) - [지도 피킹 퀵 메뉴](/docs/application-maps-styleeditor-edit-vpc#%EC%A7%80%EB%8F%84%ED%94%BC%ED%82%B9%ED%80%B5%EB%A9%94%EB%89%B4) - [위치 컨트롤](/docs/application-maps-styleeditor-edit-vpc#%EC%9C%84%EC%B9%98%EC%BB%A8%ED%8A%B8%EB%A1%A4) - [스타일 컨트롤](/docs/application-maps-styleeditor-edit-vpc#%EC%8A%A4%ED%83%80%EC%9D%BC%EC%BB%A8%ED%8A%B8%EB%A1%A4) ## My Style 에디터 화면 My Style 에디터 화면은 다음의 영역으로 구성되어 있습니다. ![app_MyStyle01_2_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_2_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) | 영역 | 설명 | | --- | --- | | ① My Style 정보 | - Map Style Editor 홈 화면으로 이동하기 - 스타일 이름 - ![app_maps_hambarger_button3_01](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button3_01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 버튼 클릭 시: [이름 수정](/docs/application-maps-styleeditor-create-vpc#MyStyle%EC%88%98%EC%A0%95%ED%95%98%EA%B8%B0), [복제](/docs/application-maps-styleeditor-create-vpc#MyStyle%EB%B3%B5%EC%A0%9C%ED%95%98%EA%B8%B0), [삭제](/docs/application-maps-styleeditor-create-vpc#MyStyle%EC%82%AD%EC%A0%9C%ED%95%98%EA%B8%B0) | | ② 발행/사용자 메뉴 | - 마지막 저장 시간 - 마지막 발행 시간 - **[Save]** 버튼: 저장하기 - **[Publish]** 버튼: [발행하기](/docs/application-maps-styleeditor-publish-vpc#%EC%8A%A4%ED%83%80%EC%9D%BC%EB%B0%9C%ED%96%89%ED%95%98%EA%B8%B0) - 사용자 메뉴: [서비스 가이드 바로가기](/docs/application-maps-styleeditor-screen-vpc), [포털 바로가기](https://www.ncloud.com/), 이용관리, 계정 관리, 나의 문의 내역, 로그아웃 | | ③ 스타일링 메뉴 | - ![app_maps_hambarger_button_se01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D): [빠른 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EB%B9%A0%EB%A5%B8%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - ![app_maps_hambarger_button_se02.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se02.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D): [색상 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EC%83%89%EC%83%81%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - ![app_maps_hambarger_button_se03.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se03.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D): [글자 스타일링](/docs/application-maps-styleeditor-edit-vpc#%EA%B8%80%EC%9E%90%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81) - ![app_maps_hambarger_button_se04.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se04.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D): [아이콘 에디터](/docs/application-maps-styleeditor-edit-vpc#%EC%95%84%EC%9D%B4%EC%BD%98%EC%97%90%EB%94%94%ED%84%B0) | | ④ 히스토리 | [스타일링 히스토리](/docs/application-maps-styleeditor-edit-vpc#%EC%8A%A4%ED%83%80%EC%9D%BC%EB%A7%81%ED%9E%88%EC%8A%A4%ED%86%A0%EB%A6%AC) | | ⑤ 컨트롤 | - ![app_MyStyle01_search_button01_01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_search_button01_01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D): 위치 이동 - ![app_MyStyle01_zoom_button01_01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_zoom_button01_01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D): 지도 확대/축소 버튼 | | ⑥ 작업 영역 | 스타일링 작업이 반영되는 지도 화면. - 작업 영역에서 각 컴포넌트를 클릭하면 지도 피킹 퀵 메뉴 팝업 창 표시 | ## 컴포넌트 스타일링 에디터 화면 좌측의 메뉴 바에는 지도의 콘텐츠 요소인 컴포넌트를 커스텀하게 스타일링 할 수 있는 메뉴가 배치되어 있습니다. 컴포넌트에 따른 분류를 숙지 후 스타일링 작업을 진행하는 것을 권장합니다. - 스타일링 가능한 범위는 다음과 같습니다. | 제공 기능 | 설명 | | --- | --- | | 색상 | 컴포넌트의 디자인 요소 및 글자 요소의 메인 색상과 테두리선 색상(halo color) 지정 | | 글자 | 컴포넌트를 지칭하는 폰트 지정 | | 기타 | 크기, 투명도, 가시화 ON/OFF 선택 | - 컴포넌트는 다음과 같이 분류됩니다. | 대분류 | 세부 항목(개수) | 색상 | 색상(테두리선) | 글자(폰트종류) | 글자(크기) | 글자(아이콘크기) | 기타(가시화) | 기타(투명도) | 기타(크기) | | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | | 심볼 | 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 | △ | △ | △ | - **Feature**: 카테고리 대분류 항목 10개 (심볼, 경계, 시설, 건물, 도로, 수계, 단지, 녹지, 등고, 육지) - **Mediator**: 커스텀 대상 세부 항목이며 각 요소별로 스타일링 가능한 영역이 상이함 (◯-커스텀 가능, △-일부 커스텀 가능, X-커스텀 불가) ### 빠른 스타일링 빠른 스타일링 메뉴는 다음과 같이 구성되어 있습니다. ![app_MyStyle01_quickStyle01_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_quickStyle01_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) | 영역 | 설명 | | --- | --- | | ① 메뉴 | 선택 중인 스타일링 메뉴 | | ② 대상 | 스타일링 대상의 Feature 목록 | | ③ 범위 | Feature의 스타일링 가능한 범위. 색상, 글자, 기타 중 선택 | | ④ 세부 대상 | 스타일링 가능한 Mediator가 표시되는 영역 | #### 빠른 스타일링에서 색상 설정하기 빠른 스타일링 메뉴에서 색상 스타일링을 커스텀하게 설정하는 방법은 다음과 같습니다. ![app_MyStyle01_quickStyle02_color_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_quickStyle02_color_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 1. 에디터 화면에서 ![app_maps_hambarger_button_se01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 메뉴를 클릭 후 Feature의 스타일링 가능한 범위 중 **[색상]** 을 클릭해 주십시오. 2. 필요 시 Mediator의 보여주기 방식(목록형/단축형)을 선택해 주십시오. 3. Mediator 목록 중 설정하려는 항목을 클릭해 주십시오. 4. 섬네일에 표시되는 색상의 팔레트 창이 펼쳐집니다. 5. 팔레트 창에서 대상을 선택 후 색상을 선택해 주십시오. - Mediator 이름: 대상 Mediator의 글자 및 디자인 요소의 메인 색상 - Mediator 이름(halo): 대상 Mediator의 테두리 선 6. 작업 창에 표시되는 Mediator의 색상이 변경됩니다. #### 빠른 스타일링에서 글자 설정하기 빠른 스타일링 메뉴에서 글자 스타일링을 커스텀하게 설정하는 방법은 다음과 같습니다. ![app_MyStyle01_quickStyle01_font_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_quickStyle01_font_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 1. 에디터 화면에서 ![app_maps_hambarger_button_se01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 메뉴를 클릭 후 Feature의 스타일링 가능한 범위 중 **[글자]** 를 클릭해 주십시오. 2. Mediator 목록 중 설정하려는 대상을 클릭해 주십시오. 3. Mediator의 폰트 종류, 폰트 크기, 아이콘 크기를 설정해 주십시오. - Mediator 항목에 따라 변경 가능한 항목이 상이함 4. 작업 창에 표시되는 Mediator의 글자 및 아이콘 크기가 변경됩니다. #### 빠른 스타일링에서 기타 설정하기 빠른 스타일링 메뉴에서 기타 스타일링을 커스텀하게 설정하는 방법은 다음과 같습니다. ![app_MyStyle01_quickStyle02_etc_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_quickStyle02_etc_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 1. 에디터 화면에서 ![app_maps_hambarger_button_se01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 메뉴를 클릭 후 Feature의 스타일링 가능한 범위 중 **[기타]** 를 클릭해 주십시오. 2. Mediator 목록 중 설정하려는 대상의 가시화 여부를 설정해 주십시오. 3. 작업 창에 표시되는 Mediator가 표시/비표시됩니다. 참고 에디터 화면에서 컴포넌트를 클릭하면 **[지도 피킹 퀵 메뉴](/docs/application-maps-styleeditor-edit-vpc#%EC%A7%80%EB%8F%84%ED%94%BC%ED%82%B9%ED%80%B5%EB%A9%94%EB%89%B4)** 퀵 메뉴가 표시됩니다. ### 색상 스타일링 색상 스타일링 메뉴에서 색상을 커스텀하게 스타일링하는 방법은 다음과 같습니다. ![app_MyStyle01_colorStyle01_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_colorStyle01_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 1. 에디터 화면에서 ![app_maps_hambarger_button_se02.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se02.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 메뉴를 클릭 후 스타일링 대상을 검색해 주십시오. - <예시> **아파트**로 검색 시 검색어가 포함된 Feature와 하위의 각 Mediator가 표시됩니다. 2. Feature 하위의 Mediator 목록 중 설정하려는 항목을 클릭해 주십시오. 3. 섬네일에 표시되는 색상의 팔레트 창이 펼쳐집니다. 4. 팔레트 창에서 대상을 선택 후 색상을 선택해 주십시오. - Mediator 이름: 대상 Mediator의 글자 및 디자인 요소의 메인 색상 - Mediator 이름(halo): 대상 Mediator의 테두리 선 5. 작업 창에 표시되는 Mediator의 색상이 변경됩니다. ### 글자 스타일링 글자 스타일링 메뉴에서 글자를 커스텀하게 스타일링하는 방법은 다음과 같습니다. ![app_MyStyle01_fontStyle01_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_fontStyle01_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 1. 에디터 화면에서 ![app_maps_hambarger_button_se03.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se03.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 메뉴를 클릭 후 스타일링 대상을 검색해 주십시오. - <예시> **지하철**로 검색 시 검색어가 포함된 각 Mediator가 표시됩니다. 2. Mediator 목록 중 설정하려는 대상을 클릭해 주십시오. 3. Mediator의 폰트 종류, 폰트 크기, 아이콘 크기를 설정해 주십시오. - Mediator 항목에 따라 변경 가능한 항목이 상이함 4. 작업 창에 표시되는 Mediator의 글자 및 아이콘 크기가 변경됩니다. ### 아이콘 에디터 아이콘 에디터 메뉴는 다음과 같이 구성되어 있습니다. ![app_MyStyle04_iconeditor01_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle04_iconeditor01_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) | 영역 | 설명 | | --- | --- | | ① 레이아웃 | 맵스 아이콘 목록 표시 방법 선택 - 목록형: 아이콘ID 표시 - 큰 아이콘: 맵스 아이콘 크게 표시 - 작은 아이콘: 맵스 아이콘 작게 표시 | | ② 맵스 아이콘 | 기본 등록되어 있는 맵스 아이콘 목록 - SVG 파일만 지원 - 이미지 크기는 80X80px 이하만 등록 가능 - 최대 200개까지 등록 가능 | | ③ 내 라이브러리 | 직접 등록한 맵스 아이콘 목록 - 한 번에 50개까지 업로드 가능 | | ④ 가이드와 작업 미리보기 | 아이콘 편집 방법 가이드 표시 및 상태 미리보기 영역 | | ⑤ 컨트롤 | 취소/지도 임시 반영 버튼 | | ⑥ 창 동작 | 아이콘 에디터 창 크게보기/작게보기 버튼 | #### 아이콘 에디터에서 아이콘 교체하기 아이콘 에디터 메뉴에서 기존 아이콘을 커스텀 아이콘으로 변경하는 방법은 다음과 같습니다. 1. 에디터 화면에서 ![app_maps_hambarger_button_se04.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_se04.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) 메뉴를 클릭해 주십시오. 2. 아이콘 에디터의 **맵스 아이콘**에서 변경할 아이콘을 선택해 주십시오. 3. **내 라이브러리**에서 신규로 적용할 커스텀 아이콘을 선택해 주십시오. 4. 아이콘 변경 사항 영역에서 변경 상태를 확인해 주십시오. - 초기화: 기존 아이콘 상태로 변경 - 미리보기: 변경 아이콘 상태 미리보기 - 변경하기: 지도에 반영할 아이콘의 임시저장 상태 5. **[지도 임시 반영]** 버튼을 클릭해 주십시오. 6. 작업 창에 표시되는 맵스 아이콘이 변경됩니다. - 맵스 아이콘은 최대 50개까지 변경 가능 참고 아이콘 에디터를 사용하여 **내 라이브러리**에 업로드된 데이터는 계정 단위로 저장되며 동일한 계정 내의 다른 My Style에서도 사용 가능합니다. 주의 아이콘은 아이콘ID 단위로 편집되며 특정 POI만 개별 변경할 수 없습니다. 하나의 아이콘ID를 참조하는 모든 아이콘이 전체 변경됩니다. ## 스타일링 히스토리 스타일링 히스토리 창은 다음과 같이 구성되어 있습니다. ![app_MyStyle05_history01_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle05_history01_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) | 영역 | 설명 | | --- | --- | | ① 되돌리기 | ![app_maps_hambarger_button_seht02.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_maps_hambarger_button_seht02.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D)버튼 클릭 시: 편집 내역의 시작 단계로 이동 | | ② 내역 | 편집 내역 목록 - POI(Point of Interest): 특정 지역을 지칭 | | ③ 이동 | 화살표 클릭 시: 내역의 위/아래로 이동 | | ④ 창 동작 | 스타일링 히스토리 창 길이 조절 | 주의 아이콘 에디터에서 편집한 작업은 스타일링 히스토리에 기록되지 않습니다. ## 지도 피킹 퀵 메뉴 지도 피킹 퀵 메뉴 창은 다음과 같이 구성되어 있습니다. ![app_MyStyle06_picerr01_ko.png ](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle06_picerr01_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D) | 영역 | 설명 | | --- | --- | | ① Feature | 지도에서 피킹한 컴포넌트의 Feature 선택 | | ② 보여주기 방식 | 색상 섬네일 보여주기 방식(목록형/단축형) 선택 | | ③ 색상 | Mediator 이름 클릭 시 색상 팔레트 표시 | | ④ 글자 | Mediator 이름 클릭 시 글자 편집 창 표시 | | ⑤ 기타 | 가시화 여부 선택 | #### Feature와 Mediator Feature는 하나의 컴포넌트를 구성하는 글자/아이콘/해당 컴포넌트의 그래픽 소스를 함께 묶은 상위 분류 개념이며 Mediator는 Feature의 분류별 요소를 상세하게 쪼갠 편집 가능한 세부 요소입니다. 작업 화면에서 컴포넌트를 선택 시 표시되는 지도 피킹 퀵 메뉴 창에서 해당 컴포넌트의 Feature를 확인 후 필요한 Mediator를 선택하여 스타일링 작업을 진행해 주십시오. ## 위치 컨트롤 위치 컨트롤 영역에서는 다음의 동작을 할 수 있습니다. - ![app_MyStyle01_search_button01_01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_search_button01_01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D)버튼 클릭 시: 검색창에서 임의의 도로명, 지번을 검색하면 해당 위치로 이동 - ![app_MyStyle01_zoom_button01_01.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/app_MyStyle01_zoom_button01_01.png?sv=2026-02-06&spr=https&st=2026-10-26T19%3A22%3A51Z&se=2026-10-26T20%3A22%3A51Z&sr=c&sp=r&sig=tVIcMc7RYrGI4%2BDyGoNghKZynxb9LE9I80011NK0MJM%3D)버튼 클릭 시: 지도 확대/축소 ## 스타일 컨트롤 스타일 컨트롤 영역에서는 다음의 작업을 할 수 있습니다. #### 스타일링 작업을 저장하기 스타일링 작업 후 **[Save]** 버튼 클릭 시 저장과 함께 마지막 저장 시점 표시가 갱신됩니다. #### 커스텀 지도를 발행하기 **[Publish]** 버튼 클릭 시 최초 발행의 경우는 **My Style ID** 발급과 함께 발행 시점 표시가 갱신됩니다. My Style 발행에 대한 상세 가이드는 다음을 참조해 주십시오. - [스타일 발행하기](/docs/application-maps-styleeditor-publish-vpc) 주의 편집한 스타일링 데이터는 각 My Style 단위로 저장되며, 다른 My Style과 공유할 수 없습니다. My Style 삭제 시 내 라이브러리의 업로드 데이터를 제외하고, 해당 스타일에서 생성한 커스텀 데이터도 영구 삭제되며 복구할 수 없습니다.