AnsweredAssumed Answered

Change opacity of a TileLayer using range-slider

Question asked by bulbulmajumder on Jul 19, 2018
Latest reply on Jul 19, 2018 by bulbulmajumder

Created TileLayer class as

 

const fl7 = new TileLayer({
url: "***"
});

 

Added the TileLayer to the basemap as

 

var map = new Map({
basemap: app.basemap,
layers: [fl7]
});

 

Created a range-slider as 

 

<div class="slidecontainer">
<input type="range" min="1" max="100" value="50" class="slider" id="myRange">
</div>

 

Now, how can I change the opacity of the TileLayer using the value obtained from slider?

Outcomes