تشير أيقونات الأماكن إلى الأنواع المختلفة من الأماكن (على سبيل المثال المقاهي والمكتبات المتاحة). يمكنك طلب الرموز وألوان خلفيتها باستخدام عنصر فئة المكان أو خدمة الأماكن:
الحقول
استخدم الحقول التالية للتعامل مع رموز الأماكن:
الحقل | الصف الدراسي | خدمة الأماكن |
---|---|---|
الرمز | --- | 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
(Place Class) عنوان 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) |
|||
مقبرة |
مبنى مدني |
المكتبة |
نصب تذكاري |
موقف سيارات |
مدرسة (ابتدائية، ثانوية، جامعة) |
العبادة (المسيحية) |
|
العبادة (هندوسية) |
العبادة (الإسلام) |
العبادة (اليانيّة) |
العبادة (اليهود) |
العبادة (السيخية) |
نشاط تجاري عام |
||
فئة المكان: خارجي (لون خلفية الرمز #4DB546) |
|||
ركوب قوارب |
تخييم |
متنزه |
استاد |
حديقة حيوان |
|||
فئة المكان: طوارئ (لون خلفية الرمز #F88181) |
|||
مستشفى |
شرطة |