Javascript 使用不带插件的传单更改不透明度

Javascript 使用不带插件的传单更改不透明度,javascript,leaflet,geojson,Javascript,Leaflet,Geojson,我有一个geojson,试着改变按钮的不透明度,但它无论如何都不起作用 其中statesData是我的geojson.js,style和onEachFeacture是我拥有的其他函数 这是我的按钮: <span id="image-opacity">0.5</span> <input type="range" id="sldOpacity" min="0" max="1" step="0.1" value="0.5" /> 我尝试将opacity:opaci

我有一个geojson,试着改变按钮的不透明度,但它无论如何都不起作用

其中statesData是我的geojson.js,style和onEachFeacture是我拥有的其他函数

这是我的按钮:

<span id="image-opacity">0.5</span>
<input type="range" id="sldOpacity" min="0" max="1" step="0.1" value="0.5" />

我尝试将opacity:opacity置于style:style之上,并创建一个函数opacity(),但不起作用。我该怎么办?

L.GeoJSON
没有
setOpacity
方法。使用
setStyle
方法。此外,无需使用jQuery:

L.DomEvent.on(L.DomUtil.get('sldOpacity'), 'change', function () {
    L.DomUtil.get('image-opacity').textContent = this.value;
    geojson.setStyle({
        opacity: this.value
    });
});

参考:

L.GeoJSON
没有
setOpacity
方法。使用
setStyle
方法。此外,无需使用jQuery:

L.DomEvent.on(L.DomUtil.get('sldOpacity'), 'change', function () {
    L.DomUtil.get('image-opacity').textContent = this.value;
    geojson.setStyle({
        opacity: this.value
    });
});
参考: