סמלי מקומות

בחירת פלטפורמה: Android iOS JavaScript Web Service

סמלי המקומות מציינים את הסוגים השונים של המקומות (לדוגמה, בתי קפה, ספריות ומוזיאונים). אפשר לבקש סמלים ואת צבעי הרקע שלהם באמצעות סיווג המקום או שירות המקומות.

שדות

כדי לעבוד עם סמלי מקומות, משתמשים בשדות הבאים:

שדה סיווג מקום שירות Places
סמל --- icon
צבע רקע סמל iconBackgroundColor icon_background_color
URI של מסכת הסמל svgIconMaskURI icon_mask_base_uri
  • הפונקציה icon מחזירה את כתובת ה-URL של סמל PNG צבעוני בגודל 71px x 71px (רק בשירות Places).
  • הפונקציות iconBackgroundColor ו-icon_background_color מחזירות את קוד הצבע הקסדצימלי שמוגדר כברירת מחדל לקטגוריה של סמל המקום.
  • icon_mask_base_uri (שירות Places) מחזירה את כתובת ה-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)
בית קברות
בית קברות
מבנה ציבורי
מבנה ציבורי
ספרייה
Library
אנדרטה
אנדרטה
חניה
חניה
בית ספר (יסודי, תיכון, אוניברסיטה)
בית ספר (יסודי, תיכון, אוניברסיטה)
טקסים דתיים (נוצריים)
טקסים רוחניים (נוצריים)
פולחן (הינדי)
טקסים רוחניים (הינדי)
פולחן (אסלאם)
פולחן (איסלאם)
טקסים דתיים (ג'ייני)
טקסים רוחניים (ג'ייני)
טקסים דתיים (יהודיים)
טקסים רוחניים (יהדות)
טקסים דתיים (סיקי)
טקסים רוחניים (סיקי)
עסק כללי
עסק כללי
קטגוריית המקום: חוץ
(צבע הרקע של הסמל: #4DB546)
שייט בסירה
שייט בסירה
מחנאות
קמפינג
פארק
פארק
אצטדיון
אצטדיון
גן חיות
גן חיות
קטגוריית מקום: חירום
(צבע הרקע של הסמל הוא #F88181)
בית חולים
בית חולים
משטרה
משטרה