Map: show a source as a small badge

[ildar170975]

I wonder if we need this kind of presentation?

This is a small badge added for a ha-entity-marker element:

The badge could be used to display an additional information about the entity.
In that particular example above the marker presents a person entity (with entity_picture defined) & the badge shows an entity_picture (or could be an icon if no picture is available) of a source device_tracker.
(This info might be useful since a person may have several trackers)

Another example - a battery_level (if available) of the source device_tracker. And the value may be either provided as an icon or a value.

Imho adding this functionality (at least for a customizable Map card) could be useful...

Here a card-mod code implementing a badge with source device_tracker's picture:

type: map
entities:
  - ...
card_mod:
  style:
    ha-map $: |
      {% for entity in config.entities -%}
        {%- set PERSON = entity -%}
        {%- set TRACKER = state_attr(PERSON, 'source') -%}
        {%- set PICTURE = state_attr(TRACKER, 'entity_picture') -%}
        {%- if PICTURE is not none -%}
          ha-entity-marker[entity-id="{{entity}}"]:after {
            content: "";
            background: url({{PICTURE}});
            background-size: 100% 100%;
            left: 32px;
            bottom: 32px;
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            /* add if needed
            border: 1px solid var(--divider-color);
            */
          }
        {%- endif %}
      {%- endfor %}