استخدام تعريفات أنماط JSON المضمّنة

اختيار النظام الأساسي: Android‏ iOS‏ JavaScript‏

يمكنك تطبيق نمط مخصّص من خلال بيانات نمط JSON مضمّنة على ما يلي:

• الخريطة التلقائية
• أنواع الخرائط التي يمكن للمستخدم التبديل بينها ضمن إطار خريطة واحد

إذا أردت تعديل النمط نفسه في تطبيقات متعددة، يمكنك الاطّلاع على التخصيص في السحابة الإلكترونية، وهو متاح في وحدة تحكّم Google Cloud ويتطلّب رقم تعريف خريطة. لتجنُّب التعارضات المحتملة، لا تدمج بين التخصيص المستند إلى السحابة الإلكترونية والتصميم المضمّن في الرمز البرمجي في التطبيق نفسه.

للحصول على تجربة تصميم أكثر شمولاً، يمكنك بدلاً من ذلك استخدام تصميم JSON مع تصميم الخرائط باستخدام السحابة الإلكترونية، والذي يوفّر قائمة أكثر شمولاً من عناصر على الخريطة وخيارات تخصيص أكبر. لا يتوافق مخطّط JSON لتصميم الخرائط المستنِد إلى السحابة الإلكترونية مع بيانات أنماط JSON المضمّنة. وهذا يعني أنّه لا يمكن استخدام ملف JSON الخاص بتصميم الخرائط باستخدام السحابة الإلكترونية مباشرةً في Maps JavaScript API. ومع ذلك، يمكنك استيراد بيانات أنماط JSON المضمّنة إلى مخطّط JSON لتصميم الخرائط باستخدام السحابة الإلكترونية.

تحديد أنماط للعناصر

لتطبيق الأنماط على ميزات وعناصر مختلفة في الخريطة، أنشئ مصفوفة من عناصر MapTypeStyle التي تحدّد كيفية تصميم الخريطة.

تتّخذ الصفيفة الشكل التالي:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

للحصول على قائمة بجميع القيم المتاحة لـ featureType وelementType وstylers، يُرجى الاطّلاع على مرجع نمط JSON.

أداة تصميم الخرائط في "منصة خرائط Google"

إنشاء أنماط مخصّصة لواجهات برمجة تطبيقات "منصة خرائط Google"

استخدِم أداة تصميم الخرائط في "منصة خرائط Google" كطريقة سريعة لإنشاء عنصر تصميم JSON.

ملاحظة: لتطبيق نمط على أنظمة أساسية متعددة للتطبيقات، ننصحك باستخدام تصميم الخرائط باستخدام السحابة الإلكترونية. إذا كنت تريد استخدام نمط JSON، يمكنك استيراده. لمعرفة التفاصيل، يُرجى الاطّلاع على المقالة استيراد نمط خريطة JSON.

تطبيق الأنماط على خريطة تلقائية

يوضّح ما يلي مثالاً على خريطة تلقائية تم تصميمها باستخدام نص وأيقونات ذات ألوان فاتحة على خلفية داكنة (أي الوضع الداكن). للاطّلاع على عينة التعليمات البرمجية، انتقِل إلى خرائط ذات تصميم خاص - عينة التعليمات البرمجية للوضع الليلي.

لتعديل أنماط الخريطة التلقائية، اضبط السمة styles للخريطة في العنصر MapOptions على مصفوفة الأنماط في الحالات التالية:

• جارٍ إنشاء خريطتك.
• أو عند استدعاء الإجراء Map.setOptions.

تؤثر التغييرات في التصنيفات والطرق في جميع أنواع الخرائط، بما في ذلك أنواع خرائط التضاريس والأقمار الصناعية والخرائط المختلطة وخرائط الطرق التلقائية.

تطبيق الأنماط على نوع خريطة

يوضّح المثال التالي نوع خريطة مضافة باسم خريطة ذات تصميم خاص في عنصر التحكّم في أعلى يمين الخريطة. للاطّلاع على عينة التعليمات البرمجية، انتقِل إلى أنواع الخرائط ذات التصميم الخاص.

لإنشاء نوع خريطة ذات تصميم خاص، اضبط مصفوفة الأنماط على عنصر StyledMapType. لا يؤثر إنشاء نوع خريطة جديد ذي تصميم خاص في نمط أنواع الخرائط التلقائية.