I try to switch from Legacy Markers to Advanced Markers and one functionality I need is to scale the Marker when it was clicked (and rescale when it has no focus).

So i create a custom marker e.g. like this:

const markerHtml = document.createElement('div');
markerHtml.className = 'marker-container';
markerHtml.innerHTML = `<img class="marker-container-img" src="${url}"/>`;

const googleMarker = new google.maps.marker.AdvancedMarkerElement({
            ...
            content: markerHtml,
            ...
          });

Everything fine, but how can i change/access the class on my html or change the size of the marker in the onClick Listener.

Alternative: Can I somehow use a Pinelement that uses a custom svg for the whole marker and not just the glyph where i also can set a label text on the marker?