Google maps api 3 如何在标记上应用自定义css样式而不应用图像或图标

我想显示标记标签的标记内容和自定义样式。 在谷歌搜索之后。所有的例子都是关于如何设置图标和提供图片url，这不是我想要的

有没有办法像下面这样自定义标签样式

谢谢

    <Marker
        key={loc.estimate_address}
        position={{
            lat: loc.lat,
            lng: loc.lng
        }}

        // I can only put STRING here! I thought we could put html snippet <label> XXXX </label>
        label={this.getMarkerLabel(loc)}


        onClick={e => this.onMarkerClick(null, loc, e)}
    >

this.onMarkerClick（null，loc，e）}
>

预期

当前版本

---

我认为您可以使用SVG并在其上写入文本，利用该方法实现预期的输出，如下所示：

函数初始化（）{
var mylatng=new google.maps.LatLng（44.4375,12.3358），
myOptions={
缩放：5，
中心：myLatLng，
mapTypeId:google.maps.mapTypeId.ROADMAP
},
map=new google.maps.map（document.getElementById（'map-canvas'），myOptions），
marker=新的google.maps.marker({
职位：myLatLng，
地图：地图
});
marker.setMap（map）；
marker.setIcon（getIcon（'Test'））；
}
函数getIcon（消息）{
var svg=''+消息+''；
返回{
url:'数据：image/svg+xml；base64'+window.btoa（svg），
scaledSize：新的google.maps.Size（60,60），
来源：新google.maps.Point（0,0），
主播：新谷歌地图点（20,40）
};
}
初始化（）
#地图画布{
高度：400px；
宽度：600px；
}