Não lhe chamaria um “projeto”, antes uma simples execução, que me parece bastante prática - ainda para mais para quem, como eu, usa Dark Themes no HA.
Nesse tipo de themes a visualização no mapa não costuma ser grande coisa:
Aproveitamos, então, duas coisas:
Google Maps API: https://www.google.com/maps/search/?api=1&query=<lat>,<lng>
E os atributos de latitude e de longitude, de device trackers (ex: tlm, tablet, etc., com HA App):
{{ state_attr('device_tracker.XXX', 'latitude') }}
{{ state_attr('device_tracker.XXX', 'longitude') }}
Podem confirmar no ‘Developer Tools’ & ‘States’ se têm esses valores.
De seguida, usando a custom card button, e javascript, criam o seguinte card:
type: custom:button-card
show_icon: false
show_state: null
show_name: true
name: Device Name
tap_action:
action: url
url_path: |
[[[
return `https://www.google.com/maps/search/?api=1&query=${states['device_tracker.XXX'].attributes.latitude},${states['device_tracker.XXX'].attributes.longitude}`;
]]]
hold_action:
action: more-info
No “url_path” alteram os dois “device_tracker.XXX”, um para latitude e outro para longitude, pelo nome adequado.
Carregando no botão criado, o browser abrirá uma nova tab directamente no Google Maps com a localização do respectivo device tracker. 