أمثلة للأسلوب
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
في ما يلي بعض الأمثلة على تصميم العناصر المعقّدة.
طرق صفراء ذات خطوط خارجية خضراء
خصِّص جميع الطرق ليكون لها تعبئة باللون الأصفر الشاحب ومخطط باللون الأخضر الداكن كنمط أساسي. 
ضمن ميزات الخريطة، اختَر شبكة الطرق.
في لوحة شبكة الطرق، ضِمن خط متعدد الأضلاع، ضَع علامة في المربّع
أسفل لون التعبئة.
اختَر لونًا أصفر فاتحًا، مثل الرمز السداسي العشري #eeeec8.
انقر على المربّع ضمن لون الحد واختَر لونًا أخضر داكنًا، مثل الرمز السداسي العشري #155304.
ضمن عرض الحرف، اضبطه على 3 بكسل.
عند التكبير والتصغير، تظهر طرق مختلفة بهذا النمط وتختفي. عندما تصبح الطرق صغيرة جدًا بحيث لا يمكن عرض المخطط التفصيلي، يتم عرض اللون الأصفر فقط.
ألوان مختلفة للمياه حسب مستوى التكبير أو التصغير
قد لا يظهر بعض أنواع تصميم العناصر إلا عند مستويات تكبير معيّنة، مثل المباني الثلاثية الأبعاد أو نقاط الاهتمام. أضِف نمطًا يظهر فيه الماء باللون الأزرق الداكن عند التصغير إلى الحد الأقصى (z0)، وباللون الأزرق المتوسط عند التكبير إلى مستوى ولاية أو مقاطعة (مستوى التكبير 6 على الكمبيوتر المحمول)، وباللون الأزرق الفاتح مع حدود زرقاء داكنة عند التكبير إلى الحد الأقصى (z19).

ضمن ميزات الخريطة، انقر على المياه.
في لوحة المياه، ضمن الخط المتعدد، ضَع علامة في المربّع
ضمن لون التعبئة، واختَر لونًا أزرق داكنًا.
انقر على شكل المعيّن الخاص بالتكبير على يسار لون التعبئة لفتح لوحة الأنماط الخاصة بمستوى التكبير.
اختَر مستوى التكبير/التصغير 6، ثم اختَر لونًا أزرق متوسطًا.
اختَر مستوى التكبير 19، وغيِّر لون المياه إلى الأزرق الفاتح.
يُرجى العِلم أنّه في حال ضبط لون الحدّ الخارجي، لن تظهر سوى الأنهار الصغيرة والجداول باللون الأساسي، حتى عند التكبير إلى أقصى حدّ. يظهر الفرق بين
الحدود الخارجية والتعبئة في البرك والبحيرات الكبيرة والمسطحات المائية الأكبر حجمًا.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-08-31 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-08-31 (حسب التوقيت العالمي المتفَّق عليه)"],[],[],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."]]