在 tomchentw react-google-maps 中更改引脚颜色?

Question

我想保留默认图标，只需单击即可更改其颜色。我应该使用什么属性来更改颜色？

这是我的makeMarks函数：

makeMarkers=()=>{
const marker=this.props.markers.map((marker,id)=>{
return <Marker marker={marker} position={{lat:marker.lat, lng:marker.lng}} 
onClick={()=>this.props.onMarkerClick(marker)}
>
{marker.showWindow && (
<InfoWindow>
<div>Something is there!</div>
</InfoWindow>)
}      
</Marker>
})
return marker;
}

Answer 1

@Aonan Li

是的，这就是我最终所做的，我使用了自定义图像(基本上是一个不同颜色的引脚(。感谢您的链接，它有一些非常有用的信息！

这是我的代码现在的样子：

>  makeMarkers=()=>{
>     
>     const marker=this.props.markers.map((marker,id)=>{
>       return <Marker key={id} marker={marker} position={{lat:marker.lat, lng:marker.lng}} 
>                       onClick={()=>this.props.onMarkerClick(marker)}
>                       options={{icon:`${marker.icon}`}}
>               >
>                 
>                 {marker.showWindow && (
>                 <InfoWindow>
>                   <div>Something is there!</div>
>                   </InfoWindow>)
>                 }      
>               </Marker>
>     })
>         return marker;
>     }

每个标记都会获得初始自定义.png，并在单击我从自定义切换到默认！

Answer 2

这可能不是您所需要的，但请先查看此链接。

带有可视化刷新的谷歌地图图标

我没有找到可以让您更改默认图标颜色的属性。但是，您始终可以自己提供自定义图像。

希望能有所帮助。