有沒有辦法將圖像放在谷歌地圖上的標記內？

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：精靈或圖像的顯示大小。 使用精靈時，必須指定精靈大小。 如果未提供尺寸，則將在圖像加載時設置。