باستخدام خيارات الأنماط، يمكنك تخصيص عرض أنماط خرائط Google العادية، وتغيير العرض المرئي لميزات مثل الطرق والمنتزهات والأنشطة التجارية ونقاط الاهتمام الأخرى. بالإضافة إلى تغيير نمط هذه الميزات، يمكنك إخفاء الميزات بالكامل. وهذا يعني أنّه يمكنك التأكيد على عناصر معيّنة من الخريطة أو جعل الخريطة تكمل نمط الصفحة المحيطة.
أمثلة
يحوّل بيان نمط JSON التالي جميع ميزات الخريطة إلى اللون الرمادي، ثم ألوان هندسة الطرق الرئيسية باللون الأزرق، ويخفي تصنيفات المناظر الطبيعية تمامًا:
[ { "featureType": "all", "stylers": [ { "color": "#C0C0C0" } ] },{ "featureType": "road.arterial", "elementType": "geometry", "stylers": [ { "color": "#CCFFFF" } ] },{ "featureType": "landscape", "elementType": "labels", "stylers": [ { "visibility": "off" } ] } ]
عنصر JSON
يتألف تعريف نمط JSON من العناصر التالية:
- featureType (اختياري): الميزات التي يجب اختيارها لهذا التعديل على النمط العناصر هي الخصائص الجغرافية على الخريطة، بما في ذلك الطرق والمتنزهات والمسطحات المائية وغير ذلك. في حال عدم تحديد إحدى الميزات، يتم اختيار جميع الميزات.
- elementType (اختياري) - سمة العنصر المحدّد المطلوب اختياره العناصر هي أجزاء فرعية من الميزة، بما في ذلك التصنيفات والأشكال الهندسية. في حال عدم تحديد عنصر، يتم اختيار جميع عناصر العنصر.
- أدوات التنسيق: القواعد التي سيتم تطبيقها على الميزات والعناصر التي تم اختيارها تشير عناصر الأسلوب إلى لون العنصر ومستوى ظهوره ووزنه. يمكنك تطبيق نمط واحد أو أكثر على ميزة.
لتحديد نمط، عليك دمج مجموعة من أدوات الاختيار featureType
وelementType
وstylers
في مصفوفة
نمط. يمكنك استهداف أيّ مجموعة من الميزات في صفيف واحد. ومع ذلك،
يكون عدد الأنماط التي يمكنك تطبيقها في الوقت نفسه محدودًا. إذا تجاوز صفيف الأنماط
الحد الأقصى لعدد الأحرف، لن يتم تطبيق أي نمط.
تتضمّن بقية هذه الصفحة مزيدًا من المعلومات حول الميزات والعناصر وأدوات التنسيق.
featureType
يختار المقتطف التالي بتنسيق JSON جميع الطرق على الخريطة:
{ "featureType": "road" }
الميزات أو أنواع الميزات هي الخصائص الجغرافية على الخريطة، بما في ذلك الطرق والمتنزهات والمسطحات المائية والأنشطة التجارية وغير ذلك.
وتشكّل العناصر شجرة فئة، ويكون جذرها all
. في حال عدم تحديد ميزة، يتم اختيار جميع الميزات.
يؤدي تحديد ميزة من all
إلى التأثير نفسه.
تحتوي بعض الميزات على ميزات فرعية تحدّدها باستخدام علامة نقطة
. على سبيل المثال، landscape.natural
أو
road.local
. إذا حددت الميزة الرئيسية فقط، مثل road
، سيتم تطبيق الأنماط التي تحدّدها للعنصر الرئيسي على كل عناصرها الفرعية، مثل road.local
وroad.highway
.
يُرجى العِلم بأنّ الميزات الرئيسية قد تتضمّن بعض العناصر غير المتوفّرة في كل ميزاتها الفرعية.
تتوفّر الميزات التالية:
all
(تلقائي) لاختيار جميع العناصر- يؤدي اختيار
administrative
إلى اختيار جميع المناطق الإدارية. لا يؤثّر التنسيق إلا في تصنيفات المناطق الإدارية، وليس في الحدود الجغرافية أو الملء.administrative.country
لاختيار البلدانadministrative.land_parcel
لاختيار قطع الأراضي- يختار
administrative.locality
المناطق المحلية. - يختار
administrative.neighborhood
الأحياء. - يختار
administrative.province
المقاطعات.
landscape
لاختيار جميع المناظر الطبيعيةlandscape.man_made
لاختيار العناصر من صنع الإنسان، مثل المباني وغيرها من الهياكلlandscape.natural
لاختيار العناصر الطبيعية، مثل الجبال والأنهار والصحاري والأنهار الجليديةlandscape.natural.landcover
لاختيار عناصر الغطاء الأرضي، وهي المواد المادية التي تغطي سطح الأرض، مثل الغابات والمراعي والأراضي الرطبة والأرض الفارغةlandscape.natural.terrain
لاختيار ميزات التضاريس لسطح الأرض، مثل الارتفاع والانحدار والاتجاه
poi
لاختيار جميع نقاط الاهتمام- يختار "
poi.attraction
" مناطق الجذب السياحي. - يختار
poi.business
الأنشطة التجارية. poi.government
لاختيار المباني الحكوميةpoi.medical
يختار خدمات الطوارئ، بما في ذلك المستشفيات والصيدليات والشرطة والأطباء وغيرهم.poi.park
يختار المتنزّهات.poi.place_of_worship
لاختيار أماكن العبادة، بما في ذلك الكنائس والمعابد والمساجد وغيرها- يختار
poi.school
المدارس. poi.sports_complex
لاختيار المُجمّعات الرياضية
- يختار "
- يؤدي النقر على
road
إلى اختيار جميع الطرق.road.arterial
لاختيار الطرق الرئيسية- يختار
road.highway
الطرق السريعة. - يختار
road.highway.controlled_access
الطرق السريعة التي لها وصول خاضع للرقابة. road.local
لاختيار الطرق المحلية
transit
لاختيار جميع محطات النقل العام وخطوطه- يختار
transit.line
خطوط النقل العام. transit.station
لاختيار جميع محطات النقل العام- يختار
transit.station.airport
المطارات. transit.station.bus
لاختيار محطات الحافلاتtransit.station.rail
لاختيار محطات السكك الحديدية
- يختار
water
لاختيار المسطحات المائية
elementType
يختار مقتطف JSON التالي التصنيفات لجميع الطرق المحلية:
{ "featureType": "road.local", "elementType": "labels" }
العناصر هي أقسام فرعية من الميزة. على سبيل المثال، تتكون الطريق من الخط الرسومي (الشكل الهندسي) على الخريطة، بالإضافة إلى النص الذي يشير إلى اسمها (التصنيف).
تتوفّر العناصر التالية، ولكن يُرجى العِلم أنّ ميزة معيّنة قد لا تتوافق مع أيّ من العناصر أو بعضها أو جميعها:
all
(الإعداد التلقائي) لاختيار جميع عناصر العنصر المحدّدgeometry
لاختيار جميع العناصر الهندسية للميزة المحدّدة- يحدِّد
geometry.fill
تعبئة هندسة العنصر فقط. - تختار السمة
geometry.stroke
الشطب فقط من الشكل الهندسي للميزة.
- يحدِّد
- تختار دالة
labels
التصنيفات النصية المرتبطة بالعنصر المحدّد.labels.icon
لا يختار سوى الرمز المعروض ضمن تصنيف العنصر.- يختار
labels.text
نص التصنيف فقط. - يختار
labels.text.fill
تعبئة التصنيف فقط. يتم عادةً عرض تعبئة التصنيف كخطّ حدودي ملون يحيط بنص التصنيف. - يختار
labels.text.stroke
فقط مسارًا لنص العلامة .
stylers
أدوات التنسيق هي خيارات تنسيق يمكنك تطبيقها على ميزات الخريطة وعناصرها.
يعرض المقتطف التالي من ملف JSON ميزة باللون الأخضر الزاهي، باستخدام قيمة RGB:
"stylers": [ { "color": "#99FF33" } ]
تزيل هذه المقتطفات كلّ كثافة من لون العنصر، بغض النظر عن لونه الأساسي. ويؤدي ذلك إلى عرض الميزة باللون الرمادي:
"stylers": [ { "saturation": -100 } ]
يخفي هذا المقتطف ميزة بالكامل:
"stylers": [ { "visibility": "off" } ]
تتوفّر خيارات النمط التالية:
- يشير
hue
(سلسلة سداسية عشرية بتنسيق RGB#RRGGBB
) إلى اللون الأساسي.ملاحظة: يضبط هذا الخيار درجة اللون مع الحفاظ على التشبع والسطوع المحدّدَين في نمط Google التلقائي (أو في خيارات الأنماط الأخرى التي تحديدها على الخريطة). ويرتبط اللون الناتج بنمط الخريطة الأساسية. إذا أجرت Google أي تغييرات على نمط الخريطة الأساسية، تؤثر التغييرات في عناصر الخريطة التي تم تصميمها باستخدام
hue
. ومن الأفضل استخدام نمطcolor
المطلق إذا أمكن. lightness
(قيمة نقطة عائمة بين-100
و100
) تشير إلى النسبة المئوية للتغيير في سطوع العنصر. تزيد القيم السالبة من درجة الدكنة (حيث يحدّد الرقم -100 اللون الأسود)، في حين تزيد القيم الموجبة من درجة السطوع (حيث يحدّد الرقم +100 اللون الأبيض).ملاحظة: يضبط هذا الخيار درجة السطوع مع الحفاظ على التشبّع والصبغة المحدّدة في نمط Google التلقائي (أو في خيارات الأنماط الأخرى التي تحديدها على الخريطة). ويرتبط اللون الناتج بنمط الخريطة الأساسية. إذا أجرت Google أي تغييرات على نمط الخريطة الأساسية، ستؤثّر التغييرات في ميزات خريطتك المصمّمة باستخدام
lightness
. من الأفضل استخدام أداة تنسيقcolor
المطلقة إذا أمكن.saturation
(قيمة نقطة عائمة بين-100
و100
) تشير إلى النسبة المئوية للتغيير في كثافة اللون الأساسي المطلوب تطبيقه على العنصر.ملاحظة: يضبط هذا الخيار تشبع الألوان مع الحفاظ على درجة اللون والسطوع المحدّدَين في نمط Google التلقائي (أو في خيارات الأنماط الأخرى التي تحدّدها على الخريطة). ويرتبط اللون الناتج بنمط الخريطة الأساسية. إذا أجرت Google أي تغييرات على نمط الخريطة الأساسية، تؤثر التغييرات في عناصر الخريطة التي تم تصميمها باستخدام
saturation
. من الأفضل استخدام أداة تنسيقcolor
المطلقة إذا أمكن.gamma
(قيمة نقطة عائمة تتراوح بين0.01
و10.0
، حيث لا يُطبّق1.0
أي تصحيح) يشير إلى مقدار تصحيح جاما المطلوب تطبيقه على العنصر. تعمل تصحيحات غاما على تعديل إضاءة الألوان بطريقة غير خطية، بدون التأثير في القيم البيضاء أو السوداء. يُستخدَم تصحيح جاما عادةً لتعديل التباين في عناصر متعددة. على سبيل المثال، يمكنك تعديل مقياس جاما لزيادة التباين بين الحواف والعناصر الداخلية أو خفضه.ملاحظة: يضبط هذا الخيار درجة السطوع بالنسبة إلى أسلوب Google التلقائي، وذلك باستخدام منحنى غاما. إذا أجرت Google أي تغييرات على ملف تعريف الخريطة الأساسية، ستؤثر التغييرات في عناصر الخريطة التي تم تصميمها باستخدام
gamma
. من الأفضل استخدامcolor
المطلق إذا أمكن.invert_lightness
(إذا كانtrue
) يعكس السطوع الحالي. يكون ذلك مفيدًا، على سبيل المثال، لشدَّة التبديل بسرعة إلى خريطة أغمق مع نص أبيض.ملاحظة: يعكس هذا الخيار ببساطة أسلوب Google التلقائي. إذا أجرت Google أي تغييرات على نمط الخريطة الأساسية، ستؤثّر التغييرات في ميزات خريطتك المصمّمة باستخدام
invert_lightness
. ومن الأفضل استخدام نمطcolor
المطلق إذا أمكن.- يشير العنصر
visibility
(on
أوoff
أوsimplified
) إلى ما إذا كان العنصر يظهر على الخريطة وكيف يظهر. تزيل إعدادات مستوى الرؤيةsimplified
بعض ميزات الأنماط من العناصر المتأثرة. على سبيل المثال، يتم تبسيط الطرق إلى خطوط أرق بدون حدود، بينما تفقد الحدائق نص تصنيفها مع الاحتفاظ برمز التصنيف. - تحدّد السمة
color
(سلسلة سداسية عشرية باللون الأحمر والأخضر والأزرق بتنسيق#RRGGBB
) لون الميزة. weight
(قيمة عددية أكبر من أو تساوي الصفر) تُستخدَم لتحديد أهمية العنصر، بالبكسل. عند ضبط الوزن على قيمة عالية، قد يتم اقتصاص المحتوى بالقرب من حدود المربّعات.
يتم تطبيق قواعد الأنماط بالترتيب الذي تحدّده. لا تجمع بين عمليات متعددة في عملية نمط واحدة. بدلاً من ذلك، حدِّد كل عملية كإدخال منفصل في صفيف الأنماط.
ملاحظة: من المهم مراعاة الترتيب، لأنّ بعض العمليات ليست تبديلية. إنّ الميزات و/أو العناصر التي يتم تعديلها من خلال عمليات الأنماط (عادةً) تتضمّن أنماطًا حالية. تعمل العمليات على هذه الأنماط الحالية، إن توفّرت.
تدرج اللون والتشبع ونموذج الإضاءة
تستخدِم الخرائط المنمَّقة نموذج hue (الصبغة)، saturation (تشبع اللون)، lightness (درجة الإضاءة) (HSL) للإشارة إلى اللون ضمن عمليات أداة التنسيق . يشير تدرّج اللون إلى اللون الأساسي، ويشير التشبع إلى كثافة هذا اللون، ويشير السطوع إلى الكمية النسبية للأبيض أو الأسود في اللون المكوّن.
يعمل تصحيح جاما
على تعديل السطوع في مساحة الألوان، بشكل عام
لزيادة التباين أو خفضه. بالإضافة إلى ذلك، يحدِّد نموذج HSL اللون
ضمن مساحة إحداثيات يشير فيها hue
إلى الاتجاه
ضمن عجلة الألوان، في حين تشير التشبّع والسطوع إلى النطاقات القصوى
على طول محاور مختلفة. يتم قياس درجات الألوان ضمن مساحة ألوان RGB،
والتي تشبه معظم مساحات ألوان RGB، باستثناء أنّها لا تتضمّن درجات الأبيض
والأسود.
على الرغم من أنّ السمة hue
تأخذ قيمة لون سداسي عشري بتنسيق HTML، إلا أنّها لا تستخدم هذه القيمة إلا
لتحديد اللون الأساسي، أي اتجاهه حول عجلة
الألوان، وليس تشبعه أو خفّته، اللذان يتم تحديدهما
بشكل منفصل كنسب مئوية للتغييرات.
على سبيل المثال، يمكنك تحديد تدرُّج اللون الأخضر النقي على النحو التالي: hue:0x00ff00
أو hue:0x000100
. تكون كلتا النغمتَين
متطابقتَين. تشير كلتا القيمتَين إلى اللون الأخضر الخالص في نموذج ألوان HSL.
عجلة ألوان تستند إلى نموذج أحمر أخضر أزرق
لا تشير قيم hue
RGB التي تتألف من أجزاء متساوية من الأحمر والأخضر والأزرق
إلى درجة لون، لأنّ أيًا من هذه القيم لا يشير إلى اتجاه في
مساحة إحداثيات HSL. تشمل الأمثلة "#000000" (أسود) و"#FFFFFF" (أبيض)
وجميع درجات اللون الرمادي الخالصة. للإشارة إلى اللون الأسود أو الأبيض أو الرمادي، عليك
إزالة كل saturation
(ضبط القيمة على -100
)
وتعديل lightness
بدلاً من ذلك.
بالإضافة إلى ذلك، عند تعديل الميزات الحالية التي تتضمّن
نظام ألوان، لن يؤدي تغيير قيمة مثل hue
إلى تغيير
saturation
أو lightness
الحاليَّين.