Openlayers 3 vs Leaflet使用React

时间:2018-04-18 07:00:00

标签: reactjs leaflet openlayers openlayers-3

我正在使用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'
        };
    }
 }

0 个答案:

没有答案