Как программно изменить цвет полигона?
Решение, которое я использовал для GeoJSON здесь, не работает. Хотя, когда я осматриваю элемент, я вижу
style:{color: "red"}
тем не менее, на карте показан синий многоугольник.
Вот соответствующая часть моего компонента:
render() {
const {
id,
name,
geoJSON,
zoomLevel,
selectedPlot,
plotBeingEdited
} = this.props;
const markerPosition = position(geoJSON);
let style = () => {
return {
color: 'blue'
};
};
if (selectedPlot === id) {
style = () => {
return {
color: 'red'
};
};
}
if (zoomLevel > 14 && plotBeingEdited === id) {
return <PlotPolygon id={id} geoJSON={geoJSON} />;
} else if (zoomLevel > 14) {
return (
<Polygon
ref="plot"
style={style()}
id={id}
positions={[positions(this.props)]}
onClick={() => {
this.props.selectPlot(id);
}}
/>
);
}