プラグインなしのチラシを使用して不透明度を変更してください

Question

私は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" /> 

そして、私は不透明度を入れてみました

$('#sldOpacity').on('change', function(){ 
    $('#image-opacity').html(this.value); 
    geojson.setOpacity(this.value); 
}); 

var geojson = L.geoJson(statesData, { 
     style: style, 
     onEachFeature: onEachFeature 
    }).addTo(map); 

私のJSです：：スタイル上記の不透明度：スタイルと機能の不透明度を（）を作成したが、あまりにもいけない仕事

は、ここに私のボタンです。私は何をしていますか？

Answer 1

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 
    }); 
}); 

参考：http://leafletjs.com/reference-1.2.0.html#geojson