Crear un marcador personalizado utilizando markerwithlabel – Googlemap

Quiero crear un marcador personalizado como en la siguiente imagen. Estoy utilizando un marcador avanzado en Google Maps, pero esa función está en versión beta y no funciona con grupos de marcadores.

Por lo tanto, estoy utilizando “markerwithlabel” para crear los marcadores.

Como ejemplo:

var marker = {};
marker = new markerWithLabel.MarkerWithLabel({
    position: new google.maps.LatLng(parseFloat($careMapMarkerPins[i].lat), parseFloat($careMapMarkerPins[i].longt)),
    map: gm_map,
    title: $careMapMarkerPins[i].patient_name,
    channel_id: $careMapMarkerPins[i].id,
    icon: pinIcon,
    labelContent: $careMapMarkerPins[i].patient_name,
    labelAnchor: new google.maps.Point(-30, 0),
    labelClass: "map-marker-label map-marker-label-" + channelStatus, // la clase CSS para la etiqueta
    labelInBackground: true,
    d_latitude: parseFloat($careMapMarkerPins[i].lat),
    d_longitude: parseFloat($careMapMarkerPins[i].longt),
});

google.maps.event.addListener(marker, 'click', (function (marker, i) {
    return function () {
        getMarkerInfoFn(marker.channel_id);
    }
})(marker, i));

Con este código, estoy creando un marcador pero la etiqueta no se coloca en el centro según el texto. Entonces, por favor, ayúdame con esto.

Disculpa por mi inglés deficiente. Por favor, ayúdame. Me disculpo de antemano por cualquier error en la pregunta. Aquí tienes la imagen de referencia.