يمكنك تخصيص تجربة خريطة الطريق وتعديلها للمستخدمين بدون الحاجة إلى تعديل رمز تطبيقاتك. باستخدام ميزة تصميم الخرائط المستندة إلى السحابة الإلكترونية في "منصة خرائط Google" ضمن Google Cloud Console، يمكنك اختيار الألوان وضبط مستوى ظهور العناصر في نوع الخريطة التلقائي roadmap وتطبيقها على جميع تطبيقات JavaScript وiOS وAndroid.
على الرغم من أنّ "خرائط Google" توفّر طرق عرض مختلفة، مثل القمر الصناعي والتضاريس وخريطة الطريق، لا يؤثّر تصميم الخرائط المستند إلى السحابة الإلكترونية إلا في نوع الخريطة التلقائي roadmap.
أسباب استخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية"
باستخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية"، يمكنك إنشاء خرائط أكثر جاذبية وغنية بالمعلومات وتعديلها بدون إجراء أي تغييرات على الرمز:
المزيد من ميزات الخريطة: يمكنك تخصيص ما يقارب 100 ميزة فردية من ميزات الخريطة ضمن أربع فئات. تشمل نقاط الاهتمام ميزات مثل الترفيه والاستجمام والخدمات، وكل منها يتضمّن أيضًا عدة ميزات فرعية. على سبيل المثال، تشمل الخدمات ماكينة الصراف الآلي والبنك ومحطة الوقود ودورات المياه. للاطّلاع على القائمة الكاملة، راجِع العناصر التي يمكنك تصميمها على الخريطة.
طرق إضافية لتخصيص الخرائط: يسهّل تصميم الخرائط باستخدام السحابة الإلكترونية عليك تخصيص خريطتك ويجعل العملية أكثر سلاسة. تمنحك التعديلات الأخيرة تحكّمًا أكثر دقة في شكل الخريطة الأساسية ومظهرها من خلال توفير تصنيفات وأشكال هندسية لم تكن متاحة سابقًا لميزات الخريطة. على سبيل المثال، يمكنك تخصيص التصنيفات المطبّقة على المعالم السياحية والمطاعم والمناطق الترفيهية وخدمات الطوارئ ومتاجر البيع بالتجزئة وغير ذلك.
تحميل الخرائط بسرعة بعد الاستخدام الأول: بعد وقت بدء التشغيل الأولي، يتم تنزيل نمط الخريطة وتخزينه مؤقتًا، ما يؤدي إلى تسريع عمليات العرض اللاحقة وعمليات التحريك والتكبير/التصغير للخريطة.
واجهة محسّنة لأداة تعديل أنماط الخرائط: تتيح لك إعدادات الخرائط تحديد خصائص أنماط الخرائط، مثل أنماط المباني والمعالم ومستويات كثافة نقاط الاهتمام. تظهر جميع العناصر القابلة للتصميم في لوحة واحدة، ما يمنحك مساحة خريطة أكثر وضوحًا عند إجراء عمليات التخصيص. يسهل أيضًا العثور على ميزة الخريطة من خلال فئات أكثر سهولة في الاستخدام يمكن توسيعها وتصغيرها، بالإضافة إلى مربّع فلتر لتحديد نطاق القائمة لتشمل ميزة الخريطة التي تحتاج إليها.
المهام التي يمكن تنفيذها باستخدام تصميم الخرائط باستخدام السحابة الإلكترونية
يمكنك إجراء ما يلي باستخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية":
استخدام محرّر أنماط بدون ترميز: يمكن للمصمّم إنشاء نمط ومعاينته ليناسب أهدافك وعلامتك التجارية بدون الحاجة إلى الترميز.
تغيير الأنماط بدون تغيير الرموز: يمكنك إعداد مسودّة لتغييرات أنماط الخرائط واختبارها بدون إجراء أي تغييرات على الرموز بعد إعداد معرّف الخريطة.
تنسيق المزيد من عناصر الخريطة: يمكنك تغيير مستوى ظهور المزيد من عناصر الخريطة وألوانها، مثل الطرق والمباني والمسطحات المائية ونقاط الاهتمام ومسارات النقل العام.
طريقة عمل ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية"
يتم تخزين أنماط الخرائط وتعديلها في Google Maps Platform Cloud Console. يستخدم تطبيقك معرّف خريطة لطلب نمط خريطة من Cloud Console، ثم يطبّقه على تطبيقك. يمكنك الحصول على عدة أرقام تعريف خرائط مرتبطة بنمط الخريطة نفسه، وبالتالي يمكن أن تبدو خرائطك متشابهة على مستوى منصات تطبيقك.
كيفية استخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية"
أنشئ معرّف خريطة لنوع تطبيقك أو افتح معرّفًا حاليًا، ثمّ خصّص نمط خريطة له. يمكنك إنشاء معرّفات خرائط إضافية للتطبيقات على منصات أخرى وتعيين نمط الخريطة نفسه لها. لمزيد من التفاصيل، يُرجى الاطّلاع على ربط معرّفات الخرائط أو إزالتها من تصميمك.
4
إضافة معرّف الخريطة إلى تطبيقك
تستخدم خرائطك بعد ذلك نمط الخريطة المرتبط برقم تعريف الخريطة هذا. لمزيد من التفاصيل، يُرجى الاطّلاع على إضافة معرّف الخريطة إلى خريطتك.
5
تعديل نمط الخريطة على الإنترنت
عندما تحتاج إلى تغيير نمط الخريطة، عدِّله في ميزة "تحديد الأنماط المستند إلى السحابة الإلكترونية". لمزيد من التفاصيل، يُرجى الاطّلاع على مقالة تعديل نمط خريطة.
6
نشر نمط الخريطة الذي تم تغييره
عندما تصبح جاهزًا لتعديل نمط خريطة، يمكنك نشره، وسيظهر نمط الخريطة الجديد في تطبيقك. لمعرفة التفاصيل، يُرجى الاطّلاع على نشر نمط خريطة.
تاريخ التعديل الأخير: 2025-07-24 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-07-24 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eCloud-based maps styling allows you to customize the appearance of your Google Maps by changing colors, visibility, and POI density without updating your app's code.\u003c/p\u003e\n"],["\u003cp\u003eYou can create and manage map styles in the Google Cloud Console using a no-code editor, making it easy for designers and developers to collaborate.\u003c/p\u003e\n"],["\u003cp\u003eStyled maps using map IDs load quickly after initial caching, providing a smooth and engaging user experience.\u003c/p\u003e\n"],["\u003cp\u003eCloud-based maps styling supports customization of a wide range of map features, including roads, buildings, points of interest, and transit routes, offering extensive flexibility in map design.\u003c/p\u003e\n"],["\u003cp\u003eThis feature is available across multiple platforms, including Android, iOS, JavaScript, and Web Service, ensuring consistent map styling across your applications.\u003c/p\u003e\n"]]],["Cloud-based map styling allows customization of the default `roadmap` view across Android, iOS, and JavaScript applications through the Google Cloud Console. Key actions include creating and associating map styles with map IDs, which are then added to applications. Styles can be updated and published online without code changes, offering granular control over map features like points of interest, labels, and geometries. This process enables designers to modify maps using a no-code editor, and provides faster map loading after initial use.\n"],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| **Paid feature:**\n| Features accessed by adding a [map ID](/maps/documentation/get-map-id) triggers a map\n| load charged against the Dynamic Maps SKU for Android and iOS. See\n| [Google Maps Billing](/maps/billing-and-pricing/sku-details#dynamic-maps-ess-sku) for more information.\n\nCustomize and update the road map experience for your users without\nhaving to update your apps' code. With the Google Maps Platform cloud-based maps styling in the Google Cloud Console, you can select colors and set visibility for features on the default `roadmap` map type and apply it to all of your JavaScript, iOS, and Android applications.\n\nWhile Google Maps provides different views, such as satellite, terrain, and road map, cloud-based maps styling affects only the default `roadmap` map type.\n\nFor information on other ways to customize your map, see [Customize Maps](../map-ids/customize-maps-overview.md).\n\nWhy use cloud-based maps styling\n\nWith cloud-based maps styling, you can create more engaging and informative maps\nand update them without code changes:\n\n- **More map features** : Customize almost 100 individual map features, in four categories. Points of interest includes features such as Entertainment, Recreation, and Services, which each also have several child features. For example, Services includes ATM, Bank, Gas station, and Restroom. For the full list, see [What you can style on a map](/maps/documentation/android-sdk/cloud-customization/taxonomy).\n- **More ways to customize maps**: Cloud-based maps styling makes it easier and more intuitive for you to style your map. Recent updates give you more granular control over the look and feel of the basemap with labels and geometries not previously available for map features. For example, you can customize labels applied to tourist attractions, restaurants, recreational areas, emergency services, retail, and more.\n- **Maps load quickly after the first use**: After the initial startup time as a map style is downloaded and cached, subsequent views and pan/zoom movement of the map are faster.\n- **Improved map style editor interface**: Map settings let you define map style properties, such as Building and landmark styles and POI density levels. Styleable elements are all shown on a single panel, giving you more visible map area when making customizations. It is also easier to find your map feature with more intuitive categories that expand and collapse, plus a filter box to scope the list to the map feature you need.\n\nWhat can you do with cloud-based maps styling\n\nYou can do the following with cloud-based maps styling:\n\n- **Use a no-code style editor**: A designer can create and preview a style to match your goals and branding without needing to code.\n- **Change styles without code changes**: Draft and test map style changes without any changes to your code once the map ID is in place.\n- **Style more map features**: Change the visibility and color of more map features, such as roads, buildings, bodies of water, points of interest, and transit routes.\n\nHow cloud-based maps styling works\n\nMap styles are stored and edited in the Google Maps Platform Cloud Console. Your\napplication uses a map ID to request a map style from the cloud console, and then\napplies it to your application. You can have several map IDs associated with the same map style,\nso your maps can look the same across your application platforms. \n\nHow to use cloud-based maps styling\n\n|---|--------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| 1 | **Get started** | Head over to [Get started and set up](/maps/documentation/android-sdk/cloud-customization/setup-leg), and then check out the [Tutorial](/maps/documentation/android-sdk/cloud-customization/tut-leg). |\n| 2 | **Create a cloud-based map style** | See [Create and use map styles](/maps/documentation/android-sdk/cloud-customization/map-styles-leg). |\n| 3 | **Associate your map style with a map ID** | Create or open a map ID for your application type, and assign a map style to it. You can create additional map IDs for applications on other platforms and assign the same map style to them. For details, see [Associate or remove map IDs on your style](/maps/documentation/android-sdk/cloud-customization/map-styles-leg#associate-style-with-map-id). |\n| 4 | **Add the map ID to your application** | Your maps then use the map style associated with that map ID. For details, see [Add the map ID to your map](/maps/documentation/get-map-id#add-a-map-id-to-your-app). |\n| 5 | **Adjust your map style online** | Whenever you need to change your map style, edit it in cloud styling. For details, see [Update a map style](/maps/documentation/android-sdk/cloud-customization/map-styles-leg#update-style). |\n| 6 | **Publish your changed map style** | When you're ready to update a map style, publish it, and your new map style shows up in your application. For details, see [Publish a map style](/maps/documentation/android-sdk/cloud-customization/map-styles-leg#publish-style). |\n\nWhat's next\n\n- Try out the [Tutorial](/maps/documentation/android-sdk/cloud-customization/tut-leg).\n- Check out cloud styling application requirements. See [Application requirements](/maps/documentation/android-sdk/cloud-customization/setup-leg#reqs)."]]
