ตัวอย่างรูปแบบ
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ตัวอย่างการจัดรูปแบบองค์ประกอบที่ซับซ้อนมีดังนี้
ถนนสีเหลืองที่มีเส้นขอบสีเขียว
ปรับแต่งถนนทั้งหมดให้มีสีเหลืองอ่อนและมีเส้นขอบสีเขียวเข้มเป็น
รูปแบบพื้นฐาน 
ในส่วนฟีเจอร์แผนที่ ให้เลือกเครือข่ายถนน
ในบานหน้าต่างเครือข่ายถนน ภายในPolyline ให้เลือกช่อง
ในส่วนสีเติม
เลือกสีเหลืองอ่อน เช่น รหัสสีแบบเลขฐานสิบหก #eeeec8
เลือกช่องในส่วนสีเส้น แล้วเลือกสีเขียวเข้ม เช่น รหัสฐานสิบหก #155304
ตั้งค่าความกว้างของเส้นเป็น 3 พิกเซล
เมื่อซูมเข้าและออก ถนนต่างๆ จะแสดงสไตล์นี้เมื่อปรากฏและหายไป เมื่อถนนมีขนาดเล็กเกินกว่าที่จะแสดงเส้นขอบได้ ระบบจะแสดงเฉพาะ
สีเหลือง
สีของน้ำที่แตกต่างกันตามระดับการซูม
การจัดรูปแบบองค์ประกอบบางประเภทอาจมองเห็นได้เฉพาะที่ระดับการซูมบางระดับ เช่น
อาคาร 3 มิติหรือจุดที่น่าสนใจ (POI) เพิ่มสไตล์เพื่อให้
น้ำปรากฏเป็นสีน้ำเงินเข้มเมื่อซูมออกจนสุด (z0)
สีน้ำเงินปานกลางเมื่อซูมเข้าถึงระดับรัฐหรือจังหวัด (ระดับการซูม 6
ในแล็ปท็อป) และสีน้ำเงินอ่อนที่มีขอบสีน้ำเงินเข้มเมื่อซูมเข้าอย่างใกล้ชิด
(z19)
ในส่วนฟีเจอร์แผนที่ ให้เลือกน้ำ
ในบานหน้าต่างน้ำ ภายในเส้นประกอบ ให้เลือกช่อง
ในส่วนสีเติม แล้วเลือกสีน้ำเงินเข้ม
เลือกสี่เหลี่ยมข้าวหลามตัดสำหรับซูมทางด้านขวาของสีเติมเพื่อเปิด
แผงการจัดรูปแบบระดับการซูม
เลือกระดับการซูม 6 แล้วเลือกสีน้ำเงินปานกลาง
เลือกระดับการซูม 19 แล้วเปลี่ยนสีน้ำเป็นสีฟ้าอ่อน
โปรดทราบว่าหากคุณตั้งค่าสีเส้นขีด คลอง ลำธาร และแม่น้ำขนาดเล็กหลายสาย
จะแสดงเฉพาะสีของตัวแม่น้ำเท่านั้น แม้ว่าจะซูมเข้าจนสุดแล้วก็ตาม ความแตกต่างระหว่าง
เส้นขอบกับสีเติมจะเห็นได้ชัดในสระน้ำ ทะเลสาบ และแหล่งน้ำขนาดใหญ่
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-08-31 UTC
[null,null,["อัปเดตล่าสุด 2025-08-31 UTC"],[],[],null,["# Style examples\n\nSelect 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--------------------------------\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---------------------------------------\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."]]
