نمادهای مکان

پلتفرم را انتخاب کنید: سرویس وب جاوا اسکریپت اندروید 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,
});
index.ts

توجه: راهنمای استفاده از TypeScript و Google Maps را بخوانید.

جاوا اسکریپت

// 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,
});
index.js

مثال را ببینید

نماد مکان و درخواست رنگ پس زمینه

جداول زیر تمام نمادهای مکان موجود را بر اساس دسته بندی نشان می دهد. به طور پیش فرض این نمایش با یک علامت سیاه و سفید. رنگ پس‌زمینه نماد براساس دسته‌بندی مکان تعیین می‌شود.

دسته مکان: غذا و نوشیدنی (رنگ پس زمینه نماد #FF9E67)
بار، کلوپ شبانه	کافه	رستوران، نانوایی
دسته مکان: خرده فروشی (رنگ پس زمینه نماد #4B96F3)
کتاب، پوشاک، لوازم الکترونیکی، جواهرات، کفش، مرکز خرید / مرکز خرید	خواروبارفروشی کوچک	خواربار فروشی، سوپرمارکت	داروخانه
دسته مکان: خدمات (رنگ پس زمینه نماد #909CE1)
دستگاه خودپرداز	بانک	گاز	اسکان
اداره پست
دسته مکان: سرگرمی (رنگ پس زمینه نماد #13B5C7)
آکواریوم، توریستی	گلف	تاریخی	فیلم سینما
موزه	تئاتر
دسته مکان: حمل و نقل (رنگ پس زمینه نماد #10BDFF)
فرودگاه	اتوبوس، اشتراک سواری، تاکسی	قطار/راه آهن
دسته مکان: شهرداری/عمومی/مذهبی (رنگ پس زمینه نماد #7B9EB0)
قبرستان	ساختمان مدنی	کتابخانه	بنای تاریخی
توقفگاه خودرو	مدرسه (ابتدایی، راهنمایی، دانشگاه)	عبادت (مسیحی)
عبادت (هندو)	عبادت (اسلام)	عبادت (جین)	عبادت (یهودی)
عبادت (سیک)	تجارت عمومی
دسته مکان: فضای باز (رنگ پس زمینه نماد #4DB546)
قایقرانی	چادر زدن	پارک	استادیوم
باغ وحش
دسته مکان: اورژانس (رنگ پس زمینه نماد #F88181)
بیمارستان	پلیس