我正在使用React开发一个应用程序,我希望哪个库更好。我已经读过,传单有更多的插件,易于学习和开发,但使用传单的用户较少。他们谈论传单,但他们更喜欢使用开放式传单。
我的问题是我需要访问css并动态地将css更改为元素,我已经看到在传单中很多东西都是HTMLElements。
e.g。
动态更改要素的功能表。或者在缩放时更改要素的颜色> 12
在Openlayers中,我认为你必须使用setStyle
更改许多元素并使用带有新Style对象的构造函数和其他类似控件的构造函数来使用css文件。
export const clickedStyle = new Style({
fill: new Fill({
color: [173, 216, 0, 0.8],
}),
stroke: new Stroke({
color: [0 , 0, 0, 0.6],
width: 1
})
});
在传单中,你可以像这段代码一样修改最简单的css。
style(feature) {
if (sn == feature.properties.name) {
return {
weight: 2,
opacity: 1,
color: 'white',
dashArray: '3',
fillOpacity: 0.3,
fillColor: '#ff0000'
};
} else {
return {
weight: 2,
opacity: 1,
color: 'white',
dashArray: '3',
fillOpacity: 0.3,
fillColor: '#666666'
};
}
}