עיצוב מפות חדש יתווסף בקרוב לפלטפורמה של מפות Google. העדכון הזה בסגנון המפה כולל לוח צבעים חדש שמוגדר כברירת מחדל ושיפורים בחוויית השימוש במפות ובנוחות השימוש. כל סגנונות המפה יעודכנו באופן אוטומטי במרץ 2025. אפשר לקרוא מידע נוסף על זמינות ועל האפשרות להצטרף בשלב מוקדם יותר במאמר בנושא סגנון מפה חדש לפלטפורמה של מפות Google.

דף זה תורגם על ידי Cloud Translation API.

סמלי מקומות

בחירת פלטפורמה: Android iOS JavaScript שירות אינטרנט

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

שדות

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

שדה	סיווג מקום	שירות מקומות
סמל	---	`icon`
צבע רקע סמל	`iconBackgroundColor`	`icon_background_color`
URI של מסכת סמל	`svgIconMaskURI`	`icon_mask_base_uri`

icon מחזירה את כתובת ה-URL של סמל 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

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

לצפייה בדוגמה

הוספת בקשות לצבעי רקע וסמלים

בטבלאות הבאות מוצגים כל סמלי המקומות הזמינים לפי קטגוריה. כברירת מחדל, התמונות האלה מוצגות עם גליף שחור. צבע הרקע של הסמל נקבע לפי הקטגוריה של המקום.

קטגוריית מקום: אוכל ומשקאות (צבע רקע #FF9E67)
בר, מועדון לילה	בית קפה	מסעדה, מאפייה
קטגוריית מקום: קמעונאות (צבע רקע #4B96F3)
ספרים, ביגוד, אלקטרוניקה, תכשיטים, נעליים, מרכז קניות/מרכז קניות	חנות נוחות	מכולת, סופרמרקט	בית מרקחת
קטגוריית מקום: שירותים (סמל רקע צבע #909CE1)
כספומט	בנק	דלק	לינה
סניף דואר
קטגוריית מקום: בידור (סמל צבע רקע #13B5C7)
אקווריום, תיירים	גולף	היסטורי	סרט
מוזיאון	תיאטרון
קטגוריית מקום: תחבורה (סמל רקע צבע #10BDFF)
שדה תעופה	אוטובוס, נסיעה משותפת, מונית	רכבת/רכבת
קטגוריית מקום: עירוני/גנרי/דתי (סמל רקע צבע #7B9EB0)
בית קברות	מבנה ציבורי	ספרייה	אנדרטה
חניה	בית ספר (יסודי, חטיבת ביניים, אוניברסיטה)	תפילה (נוצרית)
פולחן (הינדי)	פולחן (אסלאם)	פולחן (ג'יין)	פולחן (יהודי)
פולחן (סיח)	עסק כללי
קטגוריית מקום: בחוץ (סמל צבע רקע #4DB546)
שייט	קמפינג	פארק	אצטדיון
גן חיות
קטגוריית מקום: מקרה חירום (צבע רקע #F88181)
בית חולים	משטרה