التوفّر: تظهر هذه الميزة على Android وiOS وJavaScript وMaps Static.
يمكنك تخصيص خريطتك بشكل أفضل لتلبية احتياجات المستخدمين من خلال إبراز الميزات
في مستوى التكبير/التصغير الذي يتم عرض الخريطة به. على سبيل المثال، يمكنك إبراز
نقاط الاهتمام أو الطرق بعد أن يكبّر المشاهدون موقعًا جغرافيًا معيّنًا يهمّهم.
يمكنك تصميم عناصر ميزات الخريطة لتظهر بالشكل نفسه في جميع مستويات التكبير/التصغير على الخريطة، أو يمكنك إنشاء تصاميم مختلفة لبعض العناصر في مستويات التكبير/التصغير المختلفة.
لا تتيح لك بعض الميزات تخصيص مستويات التكبير أو التصغير. تحتوي عناصر ميزات الخريطة التي يمكنك ضبط نمط مستوى التكبير/التصغير عليها على رمز ماسي على اليسار.
التعرّف على تصميم مستويات التكبير
تتراوح مستويات التكبير أو التصغير من 0، وهو المستوى الذي يتم فيه التصغير إلى أقصى حد وعرض العالم، إلى 22، وهو المستوى الذي يتم فيه التكبير إلى أقصى حد وعرض جزء صغير ومفصّل من الخريطة. مستوى التكبير/التصغير الأساسي هو مستوى التكبير/التصغير الذي تريد بدء نمط جديد عنده.
عند تصميم ميزات الخريطة بمستويات تكبير/تصغير مختلفة، يتم تطبيق هذا التصميم على جميع مستويات التكبير/التصغير الأعلى (المكبّرة أكثر) إلى أن يتم الوصول إلى تصميم آخر لمستوى التكبير/التصغير. تتم دائمًا إضافة مستوى التكبير أو التصغير 0 مع النمط الحالي.
على سبيل المثال، إذا ضبطت الأنماط على مستويَي التكبير/التصغير 5 و10:
ينطبق النمط 5 على مستويات التكبير أو التصغير من 5 إلى 9.
ينطبق نمط مستوى التكبير/التصغير 10 على مستويات التكبير/التصغير من 10 إلى 22.
تحتفظ مستويات التكبير أو التصغير من 0 إلى 4 بالتصميم الحالي.
عند تخصيص نمط مستوى تكبير/تصغير لعنصر خريطة، سيتم إلغاء أي أنماط مخصّصة على عنصر الخريطة بشكل عام.
فهم عمليات الانتقال بين مستويات التكبير/التصغير للخرائط الثلاثية الأبعاد
عند إمالة خريطة ثلاثية الأبعاد والانتقال بين مستويات التكبير أو التصغير، قد تظهر ألوان انتقالية خارج أنماط مستوى التكبير أو التصغير المحدّدة.
على سبيل المثال، إذا ضبطت أنماط مستوى التكبير أو التصغير على النحو التالي:
بالنسبة إلى مستوى التكبير 10، يكون لون تعبئة المياه أسود.
بالنسبة إلى مستوى التكبير/التصغير 11، يكون لون تعبئة المياه = أبيض.
قد يظهر لون تعبئة المياه باللون الرمادي عند الانتقال بين مستويَي التكبير، كما هو موضّح في الشكل التالي:
تخصيص مستويات مختلفة للتكبير أو التصغير
في Cloud Console، انتقِل إلى أنماط الخرائط،
واختَر مشروعًا إذا لزم الأمر.
أنشئ نمط خريطة أو افتحه، ثم انقر على تخصيص.
لمعرفة التفاصيل، يُرجى الاطّلاع على إنشاء نمط خريطة.
من لوحة ميزات الخريطة، اختَر إحدى ميزات الخريطة لتخصيصها. تفتح لوحة تعرض العناصر التي يمكنك تخصيصها.
بجانب العنصر الذي تريد إضافة نمط مستوى التكبير إليه، انقر على
معيّن التكبير على اليسار لفتح لوحة نمط مستوى التكبير.
بجانب مستوى التكبير الحالي، اختَر مستوى التكبير الذي تريد تخصيصه. تتكيّف خريطة المعاينة مع مستوى التكبير أو التصغير هذا.
انقر على إضافة Keyzoom. تضيف لوحة الأنماط الخاصة بمستوى التكبير أو التصغير keyzoom الجديد عند مستوى التكبير أو التصغير المحدّد وتعرض قيمة الخريطة الأساسية التلقائية ذات الصلة.
صمِّم مستوى التكبير/التصغير هذا وأي مستويات تكبير/تصغير أخرى حسب الحاجة.
لضبط مستوى تكبير آخر، غيِّر مستوى التكبير الحالي وانقر على إضافة تكبير وتصغير مرة أخرى لإضافة مستوى تكبير آخر إلى القائمة. واصِل إضافة أنماط مستويات التكبير/التصغير وضبطها إلى أن تنتهي.
عند الانتهاء، أغلق لوحة الأنماط الخاصة بمستوى التكبير/التصغير.
الكتابة فوق قيم ألوان الخريطة الأساسية التلقائية لعنصر ما
للكتابة فوق جميع قيم الألوان التلقائية للخريطة الأساسية الخاصة بعنصر ما على جميع مستويات التكبير، يجب أولاً ضبط نمط العنصر في جزء العنصر. عند إضافة عمليات تكبير وتصغير، تستخدم عملية التكبير والتصغير
اللون الذي ضبطته للعنصر بدلاً من لون الخريطة الأساسية التلقائي.
حفظ تصميم مستويات التكبير ونشره
لحفظ تغييرات أنماط الخرائط، انقر على حفظ.
لإتاحة التغييرات التي أجريتها على معرّفات الخرائط المرتبطة بنمط الخريطة، انقر على نشر.
إزالة نمط مستوى التكبير أو التصغير
من جزء ميزات الخريطة، اختَر ميزة خريطة مخصّصة.
بجانب عنصر نمط، انقر على شكل الماسة في يسار الشاشة.
تعرض العناصر التي تتضمّن أنماطًا مخصّصة لمستوى التكبير أو التصغير ماسة زرقاء صلبة.
في لوحة keyzoom، انقر على رمز الطرح لحذف مستوى تكبير/تصغير.
إزالة جميع أنماط مستوى التكبير أو التصغير
إذا أردت إزالة جميع الأنماط المخصّصة من عنصر ميزة خريطة، يمكنك إجراء أحد الإجراءَين التاليَين:
في لوحة العناصر، انقر على رمز الطرح remove بجانب اسم العنصر.
في لوحة keyzoom، انقر على رمز إعادة الضبط restart_alt بجانب اسم العنصر.
معاينة تفاصيل الطريق
يمكنك معاينة تفاصيل محسّنة على مستوى الطريق عند مستويات تكبير 17 وما فوق في الأنماط الحالية، مثل عرض الطرق الواقعي والأرصفة وعلامات الحارات المرورية وميزات أخرى في مدن محدّدة. يجب تفعيل المعاينة لكل جلسة في "محرّر الأنماط". لا تظهر ميزات خريطة تفاصيل الطرق هذه إلا على حِزم SDK أو واجهات برمجة التطبيقات التي تتيح تفاصيل على مستوى الطريق. لتطبيقها في تطبيقك، عليك تعديل حزمة تطوير البرامج (SDK) أو واجهة برمجة التطبيقات المرتبطة إلى الإصدار الذي يتيح تفاصيل على مستوى الطريق. لمزيد من المعلومات حول إصدارات واجهة برمجة التطبيقات وحزمة تطوير البرامج (SDK)، يُرجى الاطّلاع على تفاصيل على مستوى الشارع حول "منصة خرائط Google".
إضافة أنماط مستوى التكبير أو التصغير لتخفيف انتقال الأنماط لمستويات التكبير أو التصغير 17 وما فوق
عند مستويات التكبير أو التصغير 17 أو أعلى مع تفعيل تفاصيل على مستوى الطريق، تختفي ميزات "خريطة الطريق" وتصبح ميزة "خريطة السطح" بدلاً منها. عند التكبير، ستظهر أي عناصر منمّقة تنطبق على ميزة "خريطة السطح" وسيتم استبدال ميزات "خريطة الطريق" وأنماطها بها.
لجعل الانتقال بين أنماط ميزات الخريطة أكثر سلاسة، يمكنك إضافة أنماط مستوى التكبير/التصغير لقفل ألوان الأنماط بين مستويات تكبير/تصغير معيّنة. يمكنك استخدام أنماط مستوى التكبير/التصغير للتحكّم أيضًا في وقت الانتقال بسلاسة إلى لون نمط جديد.
على سبيل المثال، عند مستوى التكبير/التصغير 16، يتم تصميم عناصر الخريطة المُدرَجة على النحو التالي:
الشرياني أحمر.
الطريق السريع باللون الأزرق
المحتوى المحلي باللون الأصفر.
السطح بيج.
عند التكبير إلى مستوى التكبير 17، تتغيّر الشوارع الرئيسية والطرق السريعة والطرق المحلية إلى ميزة "خريطة السطح" التي يتم تصميمها باللون البيج.
لإنشاء انتقال أكثر سلاسة بين ميزات "خريطة الطريق" وميزة "خريطة السطح"، أضِف عمليات تكبير وتصغير رئيسية وتنسيقًا لمستوى التكبير والتصغير على النحو التالي:
عنصر الخريطة
مستوى التكبير أو التصغير 0
مستوى التكبير أو التصغير 12
مستوى التكبير 17
شرياني
أحمر
أحمر
بيج
طريق سريع
أزرق
أزرق
بيج
بالتوقيت المحلي
أصفر
أصفر
بيج
بعد إضافة نمط مستوى التكبير/التصغير، سيحدث ما يلي عند التكبير:
تعرض الشرايين والطرق السريعة والطرق المحلية اللون المخصّص من مستويات التكبير/التصغير 0 إلى 12.
بعد مستوى التكبير/التصغير 12، يبدأ اللون المنسّق في التلاشي إلى اللون البيج
إلى أن يتحوّل بالكامل إلى اللون البيج من نمط ميزة "خريطة السطح"
عند مستوى التكبير/التصغير 17.
تاريخ التعديل الأخير: 2025-09-05 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-09-05 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eCloud-based map styling on Android requires using the latest renderer for Maps SDK for Android.\u003c/p\u003e\n"],["\u003cp\u003eYou can customize map elements at different zoom levels, such as color, using the style editor in Google Cloud console.\u003c/p\u003e\n"],["\u003cp\u003eCustomizations at a specific zoom level affect that level and all higher zoom levels, overriding inherited styles.\u003c/p\u003e\n"],["\u003cp\u003eTo remove zoom-level customizations, clear the "Add stop: z" checkbox, reverting to the inherited style.\u003c/p\u003e\n"],["\u003cp\u003eThe style editor allows you to create, update, and publish map styles with zoom-level customizations.\u003c/p\u003e\n"]]],["To style cloud-based maps on Android, use the latest Maps SDK renderer. Customize map element styles at various zoom levels via the Google Cloud console style editor. Enable \"Customize across zooms\" and \"Add stop: z\" to associate unique styles with specific zoom levels. Customizations at a zoom level cascade to higher levels, overriding inherited styles. Remove customizations by clearing \"Add stop: z,\" reverting to inherited styles. Save and publish changes to apply them to your map IDs.\n"],null,["# Style zoom levels\n\nSelect platform: [Android](/maps/documentation/android-sdk/cloud-customization/zoom-levels \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/zoom-levels \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/zoom-levels \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/zoom-levels \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| To use cloud-based maps styling on Android, you must use the latest renderer for Maps SDK for Android. [Follow these instructions](/maps/documentation/android-sdk/renderer).\n\n**Availability**: This feature is visible on Android, iOS, JavaScript, and\nMaps Static.\n\nBetter tailor your map to the needs of your users by highlighting features\nat the zoom level that the map is viewed at. For example, you can highlight\nPOIs or roads once viewers have zoomed into a particular location of interest.\n\nYou can style map feature elements to appear the same at all zoom levels on a\nmap, or for some elements, you can create different styles for different zoom\nlevels.\n\nNot all features allow you to customize zoom levels. Map feature elements\nthat you can set zoom-level styling on have a diamond icon to the right.\n\nUnderstand zoom-level styling\n-----------------------------\n\nZoom levels go from 0, the most zoomed out, showing the world, to 22, the\nmost zoomed in, showing a small detailed part of the map. A *keyzoom* is a\nzoom level where you want to start a new style.\n\nWhen you style map features at different zoom levels, that style applies to\nall higher zoom levels (more zoomed in) until another zoom level style is\nreached. Zoom level 0 is always added with the current style.\n\nFor example, if you set styles at zoom levels 5 and 10:\n\n- The zoom level 5 style applies to zoom levels 5-9.\n- The zoom level 10 style applies to zoom levels 10-22.\n- Zoom levels 0-4 keep the current style.\n\nWhen you customize a zoom-level style for a map feature, it overrides any\ncustom styles on the overall map feature.\n| **Note:** Very few map features are shown at all zoom levels. The styles you define are only applied at zoom levels where the map feature is visible.\n\n### Understand zoom level transitions for 3D maps\n\nWhen you tilt a 3D map and transition between zoom levels, you may see\ntransition colors outside of your set zoom-level styles.\n\nFor example, if you set the zoom-level styles as follows:\n\n- For zoom level 10, water fill color = black.\n- For zoom level 11, water fill color = white.\n\nThe water fill color may appear as gray when transitioning between the two zoom\nlevels, as shown in the following figure:\n\nCustomize different zoom levels\n-------------------------------\n\n1. In the Cloud console, go to [**Map Styles**](https://console.cloud.google.com/project/_/google/maps-apis/studio/styles),\n and select a project, if needed.\n\n2. Create or open a map style, and select **Customize** .\n For details, see [Create a map style](/maps/documentation/android-sdk/cloud-customization/map-styles#create-style).\n\n3. From the **Map Features** pane, select a map feature to customize. A panel\n opens showing the elements you can customize.\n\n4. Next to the element to which you want to add zoom-level styling, select\n the zoom diamond to the right to open the zoom-level styling panel.\n\n5. Next to **Current Zoom**, select the zoom level you want to\n customize. The preview map adjusts to that zoom level.\n\n | **Note:** The zoom-level styling panel shows all the available default basemap color values for their respective keyzooms if the map feature has not yet been customized.\n6. Select **Add Keyzoom**. The zoom-level styling pane adds the new keyzoom at\n the selected zoom level and shows the respective default basemap value.\n\n7. Style this zoom level and any other zoom levels as needed.\n\n | **Note:** Zoom-level styling applies to the selected zoom level and higher (more zoomed in). So, in this case, **Fill color** is black (the current style set for the element), from zoom level 12 to 22, blue from zoom levels 0 (the world) to 9, and a lighter blue from zoom levels 10 to 11.\n8. To set another zoom level, change the **Current Zoom** and select\n **Add Keyzoom** again to add another zoom level to the list. Continue\n adding and setting zoom level styles until you are done.\n\n9. When you're finished, close the zoom-level styling pane.\n\n### Overwrite the default basemap color values for an element\n\nTo overwrite all default basemap color values for an element across zoom levels,\nfirst style the element in the element pane. When you add keyzooms, the keyzoom\nuses the color you set for the element instead of the default basemap color.\n\n### Save and publish zoom-level styling\n\n1. To save your map styling changes, select **Save**.\n\n2. To make your changes live for the map IDs associated with your map style,\n select **Publish**.\n\nRemove a zoom level style\n-------------------------\n\n1. From the **Map Features** pane, select a customized map feature.\n\n2. Next to a style element, select the diamond on the right.\n Elements with custom zoom-level styling show a solid blue diamond.\n\n3. In the keyzoom panel, select the minus icon to\n delete a zoom level.\n\n### Remove all zoom level styles\n\nIf you want to remove all custom styling from a map feature element, you can do one of the following:\n\n- In the **elements panel** , select the remove minus icon next to the element name.\n- In the **keyzoom panel** , select the restart_alt reset icon next to the element name.\n\nPreview road level details\n--------------------------\n\nYou can preview enhanced road level details at zoom\nlevels 17+ on your existing styles such as realistic road widths, sidewalks,\nlane markings and other features in select cities. You must enable the preview\nfor each style editor session. These road detail map features are only visible\non the SDKs or APIs that support road level details. To apply them in your app,\nyou must update the associated SDK or API to the version that supports road\nlevel details. For more information about the API and SDK versions, see [Road\nlevel details for Google Maps Platform](/maps/comms/msa-road-level-details).\n\nTo enable the road detail preview, do the following:\n\n1. In the Google Cloud console, go to **Map Styles**.\n\n2. Select an existing style or **Create a style**.\n\n3. Click **Customize**.\n\n4. In the style editor, click **Road detail preview**.\n\n5. In the preview dialog, toggle **Road detail** to on.\n\nFor details on which road level details you can style, see [What you can style\non the map](/maps/documentation/android-sdk/cloud-customization/taxonomy).\n\n### Add zoom level styles to soften style transition for zoom levels 17+\n\nAt zoom levels 17+ with road level details enabled, Road map features disappear\nand become the Surface map feature instead. As you zoom in, any styled elements\nthat apply to the Surface map feature appear and replace the Road map features\nand styles.\n\nTo make the transition between the map feature styles smoother, you can add zoom\nlevel styles to lock in your style colors between specific zoom levels. You can\nuse zoom level styles to also control when to smoothly transition to a new style\ncolor.\n\nFor example, at zoom level 16, the listed map features are styled as follows:\n\n- Arterial is red.\n- Highway is blue.\n- Local is yellow.\n- Surface is beige.\n\nWhen you zoom in to zoom level 17, the arterials, highways, and local roads\nchange to the Surface map feature, which is styled as beige.\n\nTo create a smoother transition between the Road map features and the Surface map feature, add the following keyzooms and zoom-level styling:\n\n| Map feature | Zoom level 0 | Zoom level 12 | Zoom level 17 |\n|-------------|--------------|---------------|---------------|\n| Arterial | red | red | beige |\n| Highway | blue | blue | beige |\n| Local | yellow | yellow | beige |\n\nAfter adding zoom-level styling, when you zoom in, the following occurs:\n\n- The arterials, highways, and local roads display the custom styled color from zoom levels 0 to 12.\n- After zoom level 12, the styled color begins to fade into the beige color until fully transitioning to the beige color from the Surface map feature style at zoom level 17.\n\n| **Caution:** This feature interpolation is not supported for raster, so you can only smooth style transitions for apps that are on mobile or use JavaScript vector maps."]]
