스타일 예
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
다음은 복잡한 요소 스타일을 지정하는 예입니다.
윤곽선이 녹색인 노란색 도로
모든 도로에 대해 안쪽은 연한 노란색으로 채우고 윤곽선은 진한 녹색으로 맞춤설정해 이를 기본 스타일로 지정합니다. 
지도 지형지물 아래에서 도로망을 선택합니다.
도로망 창의 다중선에서 채우기 색상 아래 상자를 선택합니다.
연한 노란색(예: 16진수 코드 #eeeec8)을 선택합니다.
획 색상 아래 상자를 선택하고 진한 녹색(예: 16진수 코드 #155304)을 선택합니다.
윤곽선 굵기에서 3px로 설정합니다.
지도를 확대하거나 축소함에 따라 여러 도로가 표시되거나 사라지면서 이 스타일로 표시됩니다. 도로가 너무 작아서 윤곽선을 표시할 수 없으면 도로는 노란색으로만 표시됩니다.
확대/축소 수준별 다양한 물 색상
일부 유형의 요소 스타일 지정(빌딩 또는 관심 장소의 3D 표시 등)은 특정 확대/축소 수준에서만 보일 수 있습니다. 최대(z0)로 축소하면 물이 짙은 파란색으로 표시되고, 주 또는 시/도 수준(노트북에서 확대/축소 수준 6)으로 확대하면 중간 파란색으로 표시되고, 최대 확대/축소 수준(z19)으로 확대하면 물이 연한 파란색(테두리는 진한 파란색)으로 표시되도록 스타일을 추가합니다.

지도 지형지물에서 수역을 선택합니다.
수역 창의 다중선에서 채우기 색상 아래 상자를 선택하고 진한 파란색을 선택합니다.
채우기 색상 옆의 확대/축소 다이아몬드를 선택하여 확대/축소 수준 스타일 지정 창을 엽니다.
확대/축소 수준 6을 선택하고 중간 파란색을 선택합니다.
확대/축소 수준 19을 선택하고 물을 연한 파란색으로 변경합니다.
참고: 획 색상을 설정하면 개울, 시내, 여러 작은 강에서는 최대로 확대하더라도 채우기 색상만 표시됩니다. 큰 연못, 호수, 대규모 수역에서는 획과 채우기의 구분이 잘 보입니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-08-27(UTC)
[null,null,["최종 업데이트: 2025-08-27(UTC)"],[],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/style-examples \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/style-examples \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/style-examples \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/style-examples \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nHere are some examples of complex element styling.\n\nYellow roads with green outlines\n\nCustomize all roads to have a pale yellow fill and a dark green outline as the\nbase style.\n\n1. Under **Map Features** , select **Road Network**.\n\n2. On the **Road Network** pane, under **Polyline** , select the box\n under **Fill color**.\n\n3. Select a light yellow color, such as hex code #eeeec8.\n\n4. Select the box under **Stroke color** and select a dark green color, such\n as hex code #155304.\n\n5. Under **Stroke width**, set it to 3px.\n\nAs you zoom in and out, different roads show this style as they appear and\ndisappear. Once roads get too small to show the outline, they display only the\nyellow color.\n\nDifferent colors of water by zoom level\n\nSome types of element styling might only be visible at certain zoom levels, like\n3D buildings or points of interest (POIs). Add a style such that the\nwater appears dark blue zoomed out to maximum (z0),\nmedium blue when zoomed in to the level of a state or province (zoom level 6\non a laptop), and pale blue with a dark blue border when zoomed in tightly\n(z19).\n\n1. Under **Map Features** , select **Water**.\n\n2. On the **Water** pane, under **Polyline** , select the box\n under **Fill color**, and select a dark blue color.\n\n3. Select the zoom diamond to the right of **Fill color** to open the\n zoom-level styling pane.\n\n4. Select zoom level 6, and select a medium blue color.\n\n5. Select zoom level 19, and change the water to light blue.\n\nNote, if you set a stroke color, creeks and streams and many smaller rivers\nonly show the body color, even zoomed all the way in. The difference between\nstroke and fill is visible on large ponds, lakes, and larger bodies of water."]]