معرّف الخريطة هو معرّف فريد يمثّل إعدادات تصميم "خرائط Google" وإعدادات الضبط المخزّنة في Google Cloud. يمكنك استخدام معرّفات الخرائط لتفعيل الميزات أو إدارة الخرائط أو تصميمها على مواقعك الإلكترونية وفي تطبيقاتك. يمكنك إنشاء معرّفات خرائط لكل منصة تحتاج إليها، مثل JavaScript أو Android أو iOS أو "الخرائط الثابتة"، في مشروعك على Google Cloud Console في صفحة إدارة الخرائط.
استخدِم أرقام تعريف الخرائط لتفعيل الميزات والأنماط. في ما يلي بعض الأمثلة على كيفية استخدام معرّفات الخرائط. للاطّلاع على القائمة الكاملة، راجِع الميزات التي تستخدم معرّفات الخرائط:
تصميم الخرائط باستخدام السحابة الإلكترونية: يمكنك ربط معرّف خريطة بنمط خريطة لتصميم خرائطك وتخصيصها وإدارتها باستخدام Google Cloud Console. يتوفّر على جميع المنصات: Android وiOS وJavaScript وMaps Static API.
الخرائط الاتجاهية: استخدِم معرّف خريطة لاستخدام خريطة مؤلّفة من مربّعات مستندة إلى رسومات متّجهة يتم رسمها في وقت التحميل على جهة العميل باستخدام WebGL. متاحة على JavaScript
محدّدات المواقع المتقدّمة: استخدِم رقم تعريف خريطة لتفعيل "محدّدات المواقع المتقدّمة". يتوفّر على Android وiOS وJavaScript.
مثال على تصميم الخرائط باستخدام السحابة الإلكترونية
لاستخدام ميزة "تصميم الخرائط باستخدام السحابة الإلكترونية" لتصميم الخرائط على موقعك الإلكتروني وتطبيقات Android، اتّبِع الخطوات التالية:
أنشئ معرّفات خرائط لكل منصة تستخدمها. على سبيل المثال، أنشئ معرّف خريطة JavaScript ومعرّف خريطة Android. لمعرفة التفاصيل، يُرجى الاطّلاع على إنشاء معرّفات الخرائط.
اربط كلا معرّفَي الخريطة بنمط الخريطة في Google Cloud Console. لمعرفة التفاصيل، يُرجى الاطّلاع على ربط معرّفات الخرائط بنمطك.
أشِر إلى معرّف الخريطة في JavaScript الخاص بموقعك الإلكتروني ورمز تطبيق Android. لمزيد من التفاصيل، يُرجى الاطّلاع على إضافة معرّف خريطة إلى تطبيقك.
بعد ذلك، يتم عرض نمط الخريطة المرتبط بمعرّفات الخرائط على موقعك الإلكتروني وفي تطبيق Android. ويمكنك إجراء تعديلات على نمط الخريطة في Cloud Console، وستظهر التغييرات في كلا المكانَين تلقائيًا، بدون أن يحتاج عملاؤك إلى تثبيت أي تحديثات للتطبيق.
الميزات التي تستخدم معرّفات الخرائط
يعرض الجدول التالي ميزات وواجهات برمجة التطبيقات في "منصة خرائط Google" التي تستخدم معرّفات الخرائط:
فعِّل ميزات WebGL باستخدام معرّف خريطة متّجهة JavaScript.
1 يؤدي استخدام معرّف خريطة في حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لنظام التشغيل Android أو حزمة تطوير البرامج بالاستناد إلى بيانات "خرائط Google" لنظام التشغيل iOS إلى تشغيل عملية تحميل خريطة يتم تحصيل رسومها مقابل وحدة حفظ المخزون "الخرائط الديناميكية".
تاريخ التعديل الأخير: 2025-08-16 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","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-08-16 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eMap IDs are unique identifiers used to manage and style Google Maps across various platforms like JavaScript, Android, iOS, and Static maps, via settings stored in Google Cloud.\u003c/p\u003e\n"],["\u003cp\u003eUsing a map ID enables features such as cloud-based maps styling, vector maps, and advanced markers, allowing for customizable and dynamic map experiences.\u003c/p\u003e\n"],["\u003cp\u003eTo implement cloud-based maps styling, create map IDs for each platform, configure a map style in the Google Cloud console, associate the IDs with the style, and reference the map ID in your application code.\u003c/p\u003e\n"],["\u003cp\u003eSeveral Google Maps Platform features, including Advanced markers, Data-driven styling, and various SDKs, utilize map IDs to style and manage maps, and using map ID with Maps SDK for Android or iOS triggers a charge against the Dynamic Maps SKU.\u003c/p\u003e\n"],["\u003cp\u003eMap ID usage on Android requires the latest renderer for Maps SDK for Android.\u003c/p\u003e\n"]]],["Map IDs, unique identifiers stored in Google Cloud, enable feature activation and styling for Google Maps across platforms. Create map IDs for JavaScript, Android, iOS, or Static maps in the Google Cloud console. Key actions include: creating platform-specific map IDs, configuring map styles, associating map IDs with styles, and referencing map IDs in your application's code. Map IDs facilitate cloud-based maps styling, vector maps, and advanced markers. Using map IDs with certain SDKs triggers a Dynamic Maps SKU charge.\n"],null,["Select platform: [Android](/maps/documentation/android-sdk/map-ids/mapid-over \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/map-ids/mapid-over \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/map-ids/mapid-over \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/map-ids/mapid-over \"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| **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\nA map ID is a unique identifier that represents Google Map styling and configuration settings that are stored in Google Cloud. You use map IDs to enable features or manage or style maps on your websites and in your applications. You can create map IDs for each platform you need--JavaScript, Android, iOS, or Static maps--in your Google Cloud console project on the **Map Management** page.\n\nFor how to create map IDs, see [How to create map IDs](/maps/documentation/android-sdk/map-ids/get-map-id).\n\nWhat you can do with map IDs\n\nUse map IDs to enable features and styling. Here are some examples of how to\nuse map IDs. For a full list, see [Features that use map IDs](#features-available):\n\n- **Cloud-based maps styling** : Associate a map ID with a map style to\n style, customize, and manage your maps using the Google Cloud console.\n Available on all platforms:\n [Android](/maps/documentation/android-sdk/cloud-customization),\n [iOS](/maps/documentation/ios-sdk/cloud-customization),\n [JavaScript](/maps/documentation/javascript/cloud-customization),\n and [Maps Static API](/maps/documentation/maps-static/cloud-customization).\n\n- **Vector maps** : Use a map ID to use a map composed of vector-based tiles\n that are drawn at load time on the client side using WebGL.\n Available on [JavaScript](/maps/documentation/javascript/vector-map).\n\n- **Advanced markers** : Use a map ID to enable Advanced markers. Available on\n [Android](/maps/documentation/android-sdk/advanced-markers/overview),\n [iOS](/maps/documentation/ios-sdk/advanced-markers/overview), and\n [JavaScript](/maps/documentation/javascript/advanced-markers/overview).\n\nExample for cloud-based maps styling\n\nTo use cloud-based maps styling to style maps on your website and Android apps,\nfollow these steps:\n\n1. Create map IDs for each platform you are using. For example, create a\n JavaScript and an Android map ID. For details, see\n [Create map IDs](/maps/documentation/android-sdk/map-ids/get-map-id).\n\n2. Configure a map style on the Google Cloud console. For details, see\n [cloud-based maps styling](/maps/documentation/javascript/cloud-customization/map-styles-leg).\n\n3. Associate both of your map IDs with the map style in the Google Cloud console.\n For details, see [Associate map IDs with your style](/maps/documentation/javascript/cloud-customization/map-styles-leg#associate-style-with-map-id).\n\n4. Reference the map ID in your website JavaScript and your Android app code.\n For details, see [Add a map ID to your app](/maps/documentation/android-sdk/map-ids/get-map-id#add-a-map-id-to-your-app).\n\nThe map style associated with your map IDs is then displayed on your website and\nin your Android app. You can make updates to your map style in the\nCloud console, and changes appear in both places automatically,\nwithout the need for any app updates by your customers.\n\nFeatures that use map IDs\n\nThe following table shows the Google Maps Platform features and APIs that use\nmap IDs:\n\n| Feature or API | Uses map IDs to accomplish these goals |\n|-----------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------|\n| [Advanced markers](/maps/documentation/javascript/advanced-markers/overview) | Enable advanced markers. You don't need to create a map ID, and can instead use the demo map ID `DEMO_MAP_ID`. |\n| [Data-driven styling for boundaries](/maps/documentation/android-sdk/dds-boundaries/overview) | Associate the map ID with a set of boundaries and styling to style the map according to the boundaries. |\n| [Data-driven styling for datasets](/maps/documentation/android-sdk/dds-datasets/overview) | Associate the map ID with a set of data and styling to style the map according to the dataset. |\n| [Flutter](/maps/documentation/cross-platform/navigation) | Style the Google maps used in your Flutter apps. |\n| [Maps Embed API](/maps/documentation/embed/get-started) | Specify and style the map to be embedded on a web page. |\n| [Maps JavaScript API](/maps/documentation/javascript/cloud-customization) | Style the map to be displayed on a web page. |\n| [Maps SDK for Android](/maps/documentation/android-sdk/cloud-customization) | Style the map to be displayed in an Android application.^1^ |\n| [Maps SDK for iOS](/maps/documentation/ios-sdk/cloud-customization) | Style the map to be displayed in an iOS application.^1^ |\n| [Maps Static API](/maps/documentation/maps-static/cloud-customization) | Specify and style the map to be rendered as a static image. |\n| [Mobility solutions](/maps/documentation/mobility/journey-sharing/on-demand/javascript/style) | Use the Maps JavaScript API and SDKs for Android and iOS to style maps in Mobility solutions.^1^ |\n| [WebGL (Vector maps)](/maps/documentation/javascript/webgl) | Enable WebGL features using a JavaScript vector map ID. |\n\n^1^ Using a map ID on Maps SDK for Android or Maps SDK for iOS\ntriggers a map load that is charged against the Dynamic Maps SKU.\n\nNext steps\n\n[Create a map ID](/maps/documentation/android-sdk/map-ids/get-map-id)"]]
