تشير رموز الأماكن إلى الأنواع المختلفة من الأماكن (مثل المقاهي والمكتبات والمتاحف). يمكنك طلب الرموز وألوان الخلفية الخاصة بها باستخدام فئة المكان أو خدمة الأماكن.
الحقول
استخدم الحقول التالية للتعامل مع رموز الأماكن:
الحقل | فئة المكان | خدمة الأماكن |
---|---|---|
الرمز | --- | icon |
لون خلفية الرمز | iconBackgroundColor |
icon_background_color |
معرّف الموارد المنتظم (URI) لقناع الرمز | svgIconMaskURI |
icon_mask_base_uri |
- تعرض
icon
عنوان URL لرمز PNG بمقاس 71 × 71 بكسل (خدمة الأماكن فقط). - يعرض
iconBackgroundColor
وicon_background_color
رمز اللون السداسي العشري التلقائي لفئة رمز المكان. - تعرض دالة
icon_mask_base_uri
(خدمة الأماكن) عنوان URL الأساسي لرمز غير ملوّن، بدون امتداد نوع الملف (الإلحاق.svg
أو.png
). - تعرض
svgIconMaskURI
(فئة المكان) عنوان URL الأساسي لرمز SVG غير ملوّن.
تطبيق رمز المكان واللون على محدّد الموقع
باستخدام تفاصيل المكان، يمكنك طلب رمز مكان ولون خلفية يمكنك تطبيقهما على العلامات. يعرض المثال التالي رمزًا لإنشاء محدِّد موقع باستخدام بيانات الأماكن من خلال تمرير
place.iconBackgroundColor
إلى الخيار PinElement.background
وplace.svgIconMaskURI
إلى PinElement.glyph
. استخدِم place.location
لوضع العلامة في الموقع الجغرافي الصحيح. يعرض هذا المثال أيضًا place.displayName
في عنوان العلامة.
TypeScript
// A marker customized using a place icon and color, name, and geometry. const place = new Place({ id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg', }); // Call fetchFields, passing the desired data fields. await place.fetchFields({ fields: ['location', 'displayName', 'svgIconMaskURI', 'iconBackgroundColor'] }); const pinElement = new PinElement({ background: place.iconBackgroundColor, glyph: new URL(String(place.svgIconMaskURI)), }); const placeIconMarkerView = new AdvancedMarkerElement({ map, position: place.location, content: pinElement.element, title: place.displayName, });
JavaScript
// A marker customized using a place icon and color, name, and geometry. const place = new Place({ id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg", }); // Call fetchFields, passing the desired data fields. await place.fetchFields({ fields: [ "location", "displayName", "svgIconMaskURI", "iconBackgroundColor", ], }); const pinElement = new PinElement({ background: place.iconBackgroundColor, glyph: new URL(String(place.svgIconMaskURI)), }); const placeIconMarkerView = new AdvancedMarkerElement({ map, position: place.location, content: pinElement.element, title: place.displayName, });
وضع طلبات الرموز ولون الخلفية
تعرض الجداول التالية جميع رموز الأماكن المتاحة حسب الفئة. ويتم عرض هذه العناصر افتراضيًا بحرف رسومي أسود. يتم تحديد لون خلفية الأيقونة حسب فئة المكان.
فئة المكان: مطاعم ومشروبات (لون الخلفية #FF9E67) |
|||
---|---|---|---|
بار، ملهى ليلي |
المقهى |
مطعم ومخبز |
|
فئة المكان: بيع بالتجزئة (لون خلفية الرمز #4B96F3) |
|||
كتب، ملابس، إلكترونيات، مجوهرات، أحذية، مركز تسوّق/مركز تسوّق |
متجر صغير |
بقالة وسوبر ماركت |
صيدلية |
فئة المكان: الخدمات (لون خلفية الرمز #909CE1) |
|||
ماكينة صراف آلي |
المصرف |
الغاز |
مكان إقامة |
مكتب بريد |
|||
فئة المكان: ترفيه (لون خلفية الرمز #13B5C7) |
|||
حوض أسماك، سائح |
الغولف |
تاريخية |
فيلم |
متحف |
المسرح |
||
فئة المكان: وسائل النقل (لون خلفية الرمز #10BDFF) |
|||
مطار |
حافلة ومشاركة الرحلات وسيارة الأجرة |
القطار/السكة الحديدية |
|
فئة المكان: بلدية/عام/ديني (لون خلفية الرمز #7B9EB0) |
|||
مقبرة |
مبنى مدني |
المكتبة |
نصب تذكاري |
موقف سيارات |
المؤسسة التعليمية (الابتدائية، الثانوية، الجامعة) |
العبادة (المسيحيون) |
|
العبادة (الهند) |
العبادة (الإسلام) |
العبادة (Jain) |
العبادة (اليهود) |
العبادة (السيخيون) |
نشاط تجاري عام |
||
فئة المكان: في الهواء الطلق (لون خلفية الرمز #4DB546) |
|||
ركوب القوارب |
تخييم |
متنزّه |
ملعب |
حديقة حيوانات |
|||
فئة المكان: طوارئ (لون خلفية الرمز #F88181) |
|||
المستشفى |
الشرطة |