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