有没有办法将图像放在谷歌地图上的标记内？

Question

我正在使用react-google-maps并希望在标记内使用用户的图像。 如何将动态图像放入标记内？

我尝试使用标记的图标对象，但它不起作用，因为它只是将图像放在地图上而不是标记内。

像这样的东西

Answer 1

您可以在Marker组件中传递Options props，并将您的图像src url放在icon属性中。 （未经测试，但我认为它适合您）

例

<GoogleMap
    defaultZoom={8}
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
>
    <Marker           
        options={{ icon: { url: ...., scaledSize: ...., size: .... } }}
        position={{ lat: -34.397, lng: 150.644 }}
    />
</GoogleMap>

scaledSize：缩放后整个图像的大小（如果有）。 使用此属性可拉伸/缩小图像或精灵。

size：精灵或图像的显示大小。 使用精灵时，必须指定精灵大小。 如果未提供尺寸，则将在图像加载时设置。