Javascript 更改tomchentw谷歌地图中的pin颜色？

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

这是我的makeMarkers函数：

 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;
    }

makeMarkers=（）=>{
const marker=this.props.markers.map（（marker，id）=>{
返回此.props.onMarkerClick（marker）}
>
{marker.showWindow&&(
有东西！
)
}      
})
返回标记；
}

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

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

希望能有所帮助。

@aonanli

是的，这就是我最后做的，我使用了自定义图像（基本上是一个不同颜色的别针）。谢谢你的链接，它有一些非常有用的信息

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

>  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;
>     }

>makeMarkers=（）=>{
>     
>const marker=this.props.markers.map（（marker，id）=>{
>return onClick={（）=>this.props.onMarkerClick（marker）}
>选项={{icon:`${marker.icon}}}
>               >
>                 
>{marker.showWindow&&(
>                 
>有东西！
>                   )
>                 }      
>               
>     })
>返回标记；
>     }

每个标记都会得到最初的custom.png，onClick I会从custom切换到默认值