Map view/card has no edge continuity

[fonix232]

Checklist

• I have updated to the latest available Home Assistant version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in safe mode to rule out problems with unsupported custom resources.

Describe the issue you are experiencing

The map view sets an initial edge for any content drawn aside from the map itself. This results in weird pathing lines for objects that travel over this line - for example, the ISS' path gets these wonky horizontal lines, connecting the path dots at around 180deg West (or East, at that point it literally doesn't matter):

Describe the behavior you expected

I'd expect the map view to draw the path, just like the underlying map tiles, with continuity. I do realise that this would increase resource usage in some cases (maybe it could be a toggleable setting on the card itself?), but for the few cases where this becomes very visible, it's incredibly annoying.

Steps to reproduce the issue

1. Add a device_tracker entity that passes over the W180 line on a regular interval (the ISS from NASA's RSS feed is a good pick)
2. Add this entity to the map view/card
3. Set Hours to show to a value that guarantees at least one event where the entity passes through the separator line
4. Observe
   ...

What version of Home Assistant Core has the issue?

2024.5.2

What was the last working version of Home Assistant Core?

None

In which browser are you experiencing the issue with?

Chrome, Firefox, every browser

Which operating system are you using to run this browser?

macOS, Android, iOS, Windows, Ubuntu

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response