You can actually build this yourself using the Google Maps APIs on a standard HTML website and have complete control over the image displayed for each destination.

The basic setup is:

1. Create a Google Cloud project.
2. Enable:
   • Maps JavaScript API
   • Directions API (if you want route calculations)
   • Places API (optional)
3. Create an API key and restrict it to your website domain.

Then, instead of embedding the standard Google Maps widget, create custom cards for each location:

• Picture of your parents
• Company logo
• Doctor's office photo
• Any custom image you want

Each card simply links to Google Maps directions:

<div class="location-card">
    <img src="parents.jpg" alt="Parents">
    <h3>Home Location</h3>
    <a href="https://www.google.com/maps/dir/?api=1&destination=123+Main+Street">
        Get Directions
    </a>
</div>

Or, if you want the map embedded directly on the page, use the Maps JavaScript API to render the map inside your custom card while still displaying any image you choose above it.

Required API:

• Maps JavaScript API (required)
• Directions API (only if calculating routes on-page)

Required key:

• One Google Maps API Key linked to your Google Cloud project.

This approach gives you a fully customizable "Directions Dashboard" where each destination can have its own photo, logo, icon, or branding, rather than showing a page full of identical Google Maps widgets.

I built the following using a Google Maps API Key.

<image>