Ví dụ về kiểu
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Sau đây là một số ví dụ về việc tạo kiểu cho các phần tử phức tạp.
Đường màu vàng có đường viền màu xanh lục
Tuỳ chỉnh tất cả các đường có màu nền vàng nhạt và đường viền xanh lục đậm làm kiểu cơ bản. 
Trong phần Tính năng trên bản đồ, hãy chọn Mạng lưới đường.
Trên ngăn Mạng lưới đường, trong phần Đường đa tuyến, hãy chọn hộp trong phần Màu tô.
Chọn màu vàng nhạt, chẳng hạn như mã hex #eeeec8.
Chọn ô trong mục Màu nét vẽ rồi chọn màu xanh lục đậm, chẳng hạn như mã hex #155304.
Trong phần Độ rộng nét chữ, hãy đặt thành 3 px.
Khi bạn phóng to và thu nhỏ, các con đường khác nhau sẽ xuất hiện và biến mất theo kiểu này. Khi đường quá nhỏ để hiển thị đường viền, đường chỉ hiển thị màu vàng.
Màu sắc của nước thay đổi theo mức thu phóng
Một số loại kiểu phần tử có thể chỉ xuất hiện ở một số mức thu phóng nhất định, chẳng hạn như các toà nhà 3D hoặc địa điểm yêu thích (POI). Thêm một kiểu để nước có màu xanh dương đậm khi thu nhỏ đến mức tối đa (z0), màu xanh dương trung bình khi phóng to đến cấp độ của một tiểu bang hoặc tỉnh (mức thu phóng 6 trên máy tính xách tay) và màu xanh dương nhạt với đường viền màu xanh dương đậm khi phóng to đến mức tối đa (z19).

Trong phần Đối tượng trên bản đồ, hãy chọn Nước.
Trên ngăn Nước, trong phần Đường đa tuyến, hãy chọn hộp trong phần Màu tô rồi chọn màu xanh dương đậm.
Chọn biểu tượng thu phóng hình kim cương ở bên phải Màu tô để mở ngăn tạo kiểu cấp độ thu phóng.
Chọn mức thu phóng 6 và chọn màu xanh dương trung bình.
Chọn mức thu phóng 19 và thay đổi màu nước thành xanh dương nhạt.
Xin lưu ý rằng nếu bạn đặt màu nét vẽ, thì các lạch nước, suối và nhiều con sông nhỏ hơn chỉ hiện màu thân, ngay cả khi bạn phóng to hết cỡ. Bạn có thể thấy sự khác biệt giữa đường viền và vùng tô trên các ao, hồ và vùng nước lớn.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-08-27 UTC.
[null,null,["Cập nhật lần gần đây nhất: 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."]]