How to plot robot lawn mower and its path on a map (picture)?

I have previously used the very nice ‘Thomas55555/husqvarna_automower’ HACS integration for my Husqvarana 430X lawn mower. It displayed the where abouts of the robot where it is now and where it has been. It also provided a feature of zones which I feed into statistics where it had been over time which was very useful. This awesome integration is now unfortunately depricated since there is an official integration. I was able to make this view which I would like to recreate:
Skärmavbild 2024-08-09 kl. 11.38.34

The new integration unfortunately lacks the map part and the zone part which makes me need to use the not so good Husqvarna app.
Is there a good way to display coordinates on a map in a good way. I have been able to the map component with:

type: map
entities:
  - entity: device_tracker.stuga_tuva
    name: Tuva
    focus: true
theme_mode: auto
hours_to_show: 24
default_zoom: 19
fit_zones: true
auto_fit: true

This is very rudimentary not with a nice map picture.


My wishes would be to have:

  • a real map in the background
  • have a fixed position of my garden all the time with correct zoom level to fit a map picture/or I can add a drone picture maybe
  • to display the historic gps coordinates in a nicer way more in line with the old integration

Is there a good way to do this?

Any one who could support to display an own image (taken with drone) as background of a map where I can draw the GPS coordinates?

Try a custom ha-map-card which allows to use alternative maps.

Untested: or try a complex way:

  1. On the map card - make a background map transparent.
  2. Set your required image as a background.