有什么方法可以将图像放入Google地图的标记中？

Question

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

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

像这样的事情

Answer 1

您可以在Marker组件中传递 Options 道具，并将图像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：子画面或图像的显示大小。使用精灵时，必须指定精灵大小。如果未提供尺寸，则会在加载图像时进行设置。