در دسترس بودن : این ویژگی در Android، iOS، JavaScript و Maps Static قابل مشاهده است.
بهتر است با برجسته کردن ویژگی‌ها در سطح بزرگنمایی که نقشه در آن مشاهده می‌شود، نقشه خود را مطابق با نیازهای کاربران خود تنظیم کنید. به عنوان مثال، هنگامی که بینندگان در یک مکان خاص مورد علاقه زوم کردند، می توانید POI یا جاده ها را برجسته کنید.
می‌توانید عناصر ویژگی نقشه را طوری استایل دهید که در تمام سطوح بزرگنمایی روی نقشه یکسان ظاهر شوند، یا برای برخی از عناصر، می‌توانید سبک‌های مختلفی را برای سطوح بزرگنمایی مختلف ایجاد کنید.
همه ویژگی ها به شما اجازه نمی دهند سطوح بزرگنمایی را سفارشی کنید. عناصر ویژگی نقشه که می توانید یک ظاهر طراحی سطح زوم را روی آنها تنظیم کنید دارای نماد الماس در سمت راست هستند.
استایل در سطح زوم را درک کنید
سطوح زوم از 0، بیشترین بزرگنمایی، جهان را نشان می دهد، به 22، بیشترین بزرگنمایی را نشان می دهد، که بخش کوچکی از نقشه را نشان می دهد. کلید زوم یک سطح بزرگنمایی است که در آن می خواهید سبک جدیدی را شروع کنید.
وقتی به ویژگی‌های نقشه در سطوح بزرگنمایی مختلف استایل می‌دهید، آن سبک برای تمام سطوح بزرگنمایی بالاتر (بزرگ‌نمایی‌تر) اعمال می‌شود تا زمانی که به سبک سطح زوم دیگری برسید. سطح زوم 0 همیشه با سبک فعلی اضافه می شود.
برای مثال، اگر سبک‌ها را در سطوح بزرگنمایی 5 و 10 تنظیم کنید:
سبک زوم سطح 5 برای سطوح بزرگنمایی 5-9 اعمال می شود.
سبک زوم سطح 10 برای سطوح بزرگنمایی 10-22 اعمال می شود.
سطوح زوم 0-4 سبک فعلی را حفظ می کند.
هنگامی که یک سبک در سطح زوم را برای یک ویژگی نقشه سفارشی می کنید، هر سبک سفارشی در ویژگی کلی نقشه را لغو می کند.
انتقال سطح زوم برای نقشه های سه بعدی را درک کنید
هنگامی که یک نقشه سه بعدی را کج می کنید و بین سطوح بزرگنمایی جابه جا می شوید، ممکن است رنگ های انتقالی را خارج از سبک های تنظیم شده در سطح بزرگنمایی خود مشاهده کنید.
به عنوان مثال، اگر سبک های سطح زوم را به صورت زیر تنظیم کنید:
برای سطح زوم 10، رنگ پر آب = سیاه است.
برای سطح زوم 11، رنگ پر آب = سفید.
همانطور که در شکل زیر نشان داده شده است، هنگام انتقال بین دو سطح بزرگنمایی، رنگ پر آب ممکن است خاکستری ظاهر شود:
سطوح مختلف زوم را سفارشی کنید
در کنسول Cloud، به Map Styles بروید و در صورت نیاز یک پروژه را انتخاب کنید.
یک سبک نقشه ایجاد یا باز کنید و سفارشی کردن را انتخاب کنید. برای جزئیات، به ایجاد سبک نقشه مراجعه کنید.
از قسمت ویژگی های نقشه ، یک ویژگی نقشه را برای سفارشی کردن انتخاب کنید. پانلی باز می شود که عناصری را که می توانید سفارشی کنید نشان می دهد.
در کنار عنصری که می‌خواهید استایل سطح زوم را به آن اضافه کنید، الماس بزرگنمایی را در سمت راست انتخاب کنید تا پانل استایل سطح زوم باز شود.
در کنار زوم فعلی ، سطح بزرگنمایی را که می‌خواهید سفارشی کنید انتخاب کنید. نقشه پیش نمایش با آن سطح بزرگنمایی تنظیم می شود.
Add Keyzoom را انتخاب کنید. صفحه استایل در سطح زوم، بزرگنمایی کلید جدید را در سطح بزرگنمایی انتخاب شده اضافه می کند و مقدار پیش فرض پیش فرض مربوطه را نشان می دهد.
در صورت نیاز به این سطح زوم و هر سطح بزرگنمایی دیگر سبک دهید.
برای تنظیم سطح بزرگنمایی دیگر، زوم فعلی را تغییر دهید و دوباره Add Keyzoom را انتخاب کنید تا سطح بزرگنمایی دیگری به لیست اضافه شود. اضافه کردن و تنظیم سبک های سطح زوم را تا پایان کار ادامه دهید.
وقتی کارتان تمام شد، صفحه استایل سطح زوم را ببندید.
مقادیر رنگی پیش فرض نقشه پایه را برای یک عنصر بازنویسی کنید
برای بازنویسی تمام مقادیر رنگی پیش‌فرض نقشه پایه برای یک عنصر در سطوح بزرگنمایی، ابتدا به عنصر در صفحه عنصر استایل دهید. هنگامی که کلیدهای زوم را اضافه می کنید، بزرگنمایی کلید از رنگی که برای عنصر تنظیم کرده اید به جای رنگ پیش فرض نقشه پایه استفاده می کند.
یک ظاهر طراحی شده در سطح بزرگنمایی را ذخیره و منتشر کنید
برای ذخیره تغییرات سبک نقشه، ذخیره را انتخاب کنید.
برای اینکه تغییرات خود را برای شناسه‌های نقشه مرتبط با سبک نقشه‌تان زنده کنید، انتشار را انتخاب کنید.
یک سبک سطح زوم را حذف کنید
از قسمت ویژگی های نقشه ، یک ویژگی نقشه سفارشی شده را انتخاب کنید.
در کنار عنصر سبک، الماس سمت راست را انتخاب کنید. عناصر با یک ظاهر طراحی در سطح زوم سفارشی، الماس آبی جامد را نشان می دهند.
در پانل کلید زوم، نماد منهای را برای حذف یک سطح بزرگنمایی انتخاب کنید.
تمام سبک های سطح زوم را حذف کنید
اگر می‌خواهید تمام استایل‌های سفارشی را از یک عنصر ویژگی نقشه حذف کنید، می‌توانید یکی از موارد زیر را انجام دهید:
در پانل عناصر ، نماد remove منهای کنار نام عنصر را انتخاب کنید.
در پانل keyzoom ، نماد restart_alt reset را در کنار نام عنصر انتخاب کنید.
پیش نمایش جزئیات سطح جاده
می‌توانید جزئیات پیشرفته سطح جاده را در سطوح زوم 17+ روی سبک‌های موجود خود مانند عرض جاده‌ها، پیاده‌روها، خط‌ها و سایر ویژگی‌ها در شهرهای منتخب پیش‌نمایش کنید. شما باید پیش نمایش را برای هر جلسه ویرایشگر سبک فعال کنید. این ویژگی‌های نقشه جزئیات جاده فقط در SDK یا APIهایی که جزئیات سطح جاده را پشتیبانی می‌کنند، قابل مشاهده هستند. برای اعمال آنها در برنامه خود، باید SDK یا API مرتبط را به نسخه ای که از جزئیات سطح جاده پشتیبانی می کند، به روز کنید. برای اطلاعات بیشتر درباره نسخه‌های API و SDK، جزئیات سطح جاده را برای پلتفرم Google Maps ببینید.
برای فعال کردن پیش‌نمایش جزئیات جاده، موارد زیر را انجام دهید:
در کنسول Google Cloud، به Map Styles بروید.
یک سبک موجود را انتخاب کنید یا یک سبک ایجاد کنید .
روی سفارشی کردن کلیک کنید.
در ویرایشگر سبک، روی پیش‌نمایش جزئیات جاده کلیک کنید.
سبک‌های سطح بزرگنمایی را برای نرم‌تر کردن تغییر سبک برای سطوح زوم 17+ اضافه کنید
در سطوح زوم 17+ با فعال کردن جزئیات سطح جاده، ویژگی‌های نقشه راه ناپدید می‌شوند و در عوض به ویژگی نقشه سطحی تبدیل می‌شوند. همانطور که بزرگنمایی می کنید، هر عنصر سبکی که در ویژگی نقشه سطح اعمال می شود ظاهر می شود و جایگزین ویژگی ها و سبک های نقشه راه می شود.
برای صاف‌تر کردن انتقال بین سبک‌های ویژگی نقشه، می‌توانید سبک‌های سطح زوم را اضافه کنید تا رنگ‌های سبک خود را بین سطوح زوم خاص قفل کنید. می‌توانید از سبک‌های سطح زوم برای کنترل زمان انتقال هموار به رنگ سبک جدید نیز استفاده کنید.
به عنوان مثال، در سطح زوم 16، ویژگی های نقشه فهرست شده به صورت زیر استایل بندی می شوند:
شریانی قرمز است.
بزرگراه آبی است
محلی زرد است.
سطح بژ است.
وقتی تا سطح زوم 17 بزرگنمایی می‌کنید، شریان‌ها، بزرگراه‌ها و جاده‌های محلی به ویژگی نقشه سطحی تغییر می‌کنند که به رنگ بژ است.
برای ایجاد یک انتقال نرم‌تر بین ویژگی‌های نقشه جاده و ویژگی نقشه سطحی، کلید زوم‌ها و استایل سطح زوم زیر را اضافه کنید:
ویژگی نقشه
سطح زوم 0
زوم سطح 12
زوم سطح 17
شریانی
قرمز
قرمز
بژ
بزرگراه
آبی
آبی
بژ
محلی
زرد
زرد
بژ
پس از افزودن استایل در سطح زوم، وقتی بزرگنمایی می کنید، موارد زیر رخ می دهد:
شریان‌ها، بزرگراه‌ها و جاده‌های محلی رنگ سفارشی را از سطوح زوم 0 تا 12 نشان می‌دهند.
پس از زوم سطح 12، رنگ استایل شده شروع به محو شدن به رنگ بژ می کند تا اینکه به طور کامل از سبک ویژگی نقشه سطحی در سطح زوم 17 به رنگ بژ منتقل می شود.
تاریخ آخرین بهروزرسانی 2025-09-04 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","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-04 بهوقت ساعت هماهنگ جهانی."],[[["\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."]]
