更改 tomchentw react-google-maps 中的引脚颜色?
Change pin color in tomchentw react-google-maps?
我想保留默认图标,只是在点击时更改它的颜色。 属性 我应该用什么来改变颜色?
这是我的 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;
}
这可能不是您所需要的,但请先看看这个 link。
Google Map icons with VisualRefresh
我没有找到可以让您更改默认图标颜色的 属性。但是,您始终可以自己提供自定义图像。
希望能帮到你。
@李傲楠
是的,这就是我最终所做的,我使用了自定义图像(基本上是一个不同颜色的图钉)。感谢 link,它有一些非常有用的信息!
这是我的代码现在的样子:
> 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,我在点击时从自定义切换到默认!
我想保留默认图标,只是在点击时更改它的颜色。 属性 我应该用什么来改变颜色?
这是我的 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;
}
这可能不是您所需要的,但请先看看这个 link。
Google Map icons with VisualRefresh
我没有找到可以让您更改默认图标颜色的 属性。但是,您始终可以自己提供自定义图像。
希望能帮到你。
@李傲楠
是的,这就是我最终所做的,我使用了自定义图像(基本上是一个不同颜色的图钉)。感谢 link,它有一些非常有用的信息!
这是我的代码现在的样子:
> 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,我在点击时从自定义切换到默认!