نمادهای مکان

پلتفرم را انتخاب کنید: سرویس وب جاوا اسکریپت اندروید iOS

نمادهای مکان انواع مختلف مکان ها را نشان می دهند (به عنوان مثال کافی شاپ ها، کتابخانه ها و موزه ها). می‌توانید نمادها و رنگ‌های پس‌زمینه آنها را با استفاده از کلاس مکان یا سرویس مکان‌ها درخواست کنید.

فیلدها

از فیلدهای زیر برای کار با نمادهای مکان استفاده کنید:

میدان کلاس مکان خدمات مکان ها
نماد --- icon
رنگ پس زمینه آیکون iconBackgroundColor icon_background_color
URI ماسک نماد svgIconMaskURI icon_mask_base_uri
  • icon نشانی اینترنتی یک نماد PNG رنگی 71px x 71px (فقط سرویس مکان‌ها) را برمی‌گرداند.
  • iconBackgroundColor و icon_background_color کد رنگ HEX پیش‌فرض را برای دسته نماد مکان برمی‌گردانند.
  • icon_mask_base_uri (سرویس مکان‌ها) نشانی وب پایه یک نماد غیر رنگی را منهای پسوند نوع فایل (ضمیمه .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,
});

جاوا اسکریپت

// 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)
بیمارستان
بیمارستان
پلیس
پلیس