javascript - Google map 自定义标记

Question

是否可以使用自己的样式创建自己的标记？也就是说，更改背景，更改半径，添加阴影等。我所做的只是更改不透明度并将其替换为图标。

https://react-google-maps-api-docs.netlify.com/#marker

<Marker
        onLoad={onLoad}
        position={position}
        onClick={() => console.log(343)}
        // icon='/static/media/truck.0055f2f3.svg'
        opacity={.5}
      />

Answer 1

图标是自定义标记，您想要更改标记的所有内容都必须对图标进行。既然你有一个 svg，那么设计样式应该不会太难。

Custom marker example