State on a Picture Entity Card

TLDR;
I am displaying a camera still picture with an picture-entity and I want to display the state of an entity on the right lower end of the picture. Currently the state of the camera is displayed which is useless.
miki

In other words: I want to merge both lines.
------ Details ------

Hello everyone,

I have an Husqvarna Automower and integrated it with the following HACS plugin: https://github.com/walthowd/ha-automower This integration provides

  • a device tracker
  • a vacuum instance

following the entities state:

device_tracker.automower_h_xxx home source_type: gps
	latitude: XXX
	longitude: XXX
	gps_accuracy: 0
	status: Parked manually
	id: automower_h_xxx
	name: Miki
	icon: mdi:sleep
	vendor: Husqvarna
	model: Automower 450X
	friendly_name: Miki
vacuum.miki Parked manually status: Parked manually
	battery_level: 0
	battery_icon: mdi:battery-alert
	connected: false
	nextStartSource: NO_SOURCE
	operatingMode: AUTO
	showAsDisconnected: false
	storedTimestamp: 2020-04-07T14:53:35.931000
	friendly_name: Miki
	icon: mdi:sleep
	supported_features: 223

Then I created a camera (followed https://www.home-assistant.io/cookbook/google_maps_card/) like

camera:
- platform: generic
  name: Automower Location
  still_image_url: https://maps.googleapis.com/maps/api/staticmap?center={{ states.device_tracker.automower.attributes.latitude }},{{ states.device_tracker.automower.attributes.longitude }}&zoom=19&size=500x500&maptype=satellite&markers=color:blue%7Clabel:P%7C{{ states.device_tracker.automower.attributes.latitude }},{{ states.device_tracker.automower.attributes.longitude }}&key=YOURAPIKEY
  limit_refetch_to_url_change: true

this results to the following entity state:

camera.miki idle access_token: xxx
	friendly_name: Miki
	entity_picture: /api/camera_proxy/camera.miki?token=xxx
	supported_features: 0

and included a picture entity on my gui

  - type: picture-entity
    entity: camera.miki
    camera_view: live

As you can see on https://www.home-assistant.io/lovelace/picture-entity/ the picture is displayed with the name and the state of the entity in the bottom. In my case it displays “Miki” as the name and “Untätig” which is just the german translation for “idle”. But I don’t want to display the state of the camera, instead I want to display the status attribute of the device tracker or the state of the vauum entity.

How can I do this? I tried to make a template sensor feed by the camera and the vacuum entity and display it with the picture-entity, but this didn’t work.

Thanks for your help!
Kind regards, Christian

I solved it with a Picture Elements Card, didn’t know (nothing in the docs) that this card also accepts a camera_image:

        - type: picture-elements
          camera_image: camera.miki
          elements:
            - type: state-icon
              entity: vacuum.miki
              style:
                top: 30%
                left: 50%
            - type: state-label        
              entity: vacuum.miki
              attribute: status
              style:
                top: 30%
                left: 65%
                color: white

Still not perfect, but on my way.