סמלי המקומות מציינים את הסוגים השונים של מקומות (לדוגמה: בתי קפה, ספריות ומוזיאונים). אפשר לבקש סמלים ואת צבעי הרקע שלהם באמצעות מחלקת מקום או באמצעות שירות המקומות.
שדות
כדי לעבוד עם סמלי מקומות יש להשתמש בשדות הבאים:
שדה | סיווג מקום | שירות מקומות |
---|---|---|
סמל | --- | 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, });
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) |
|||
בית חולים |
משטרה |