0

我正在使用 react-simple-maps 在美国地图上放置标记

在此处输入图像描述

       <Marker coordinates={[user.lng, user.lat]}>
          <image
            width='12'
            height='12'
            href={user?.step === 1 ? man : calendar}
            className={'test'}
          />
        </Marker>

在此处输入图像描述

我可以添加自定义图像的唯一方法是使用<image>标签。但是我需要图像是动态的并且能够应用自定义动画。

我尝试使用 ::before、::after 以及使用 css 背景图像,但似乎无法更改它。

有没有办法做到这一点?或者有没有更好的方法在<svg> <g>标签下添加图像?

谢谢

4

0 回答 0