Javascript 如何在谷歌地图标记中渲染视图？

我需要在我的标记内绘制圆圈，并动态更改其圆圈颜色，我们是否有任何选项可以在谷歌地图图标中渲染视图

我的标记看起来类似于下面的链接图片，我需要在标记png图像内绘制圆圈，并动态更改其颜色。我们将非常感谢您的帮助

[1] :

这是我的一段代码

<Marker
      position={{ lat: shop.location.latitude, lng: shop.location.longitude }}

      icon={{
        url: "/design/images/car-g.png",
        scale: scale || 0.5,
        strokeWeight: 0.2,
        strokeColor: "black",
        strokeOpacity: 1,
        fillColor: shop.mapIconColor,
        fillOpacity: 1,
        labelOrigin: new window.google.maps.Point(16, 10)
      }}
      onClick={onClick}
      zIndex={zIndex}

    >
      <InfoBox
        options={{
          closeBoxURL: ``,
          enableEventPropagation: true,
          alignBottom: true,
          pixelOffset: new window.google.maps.Size(-16, -50 * scale),
          disableAutoPan: true
        }}
      >
        <div
          style={{

          }}
        >

        </div>
      </InfoBox>
    </Marker>