Latest Contributions by Gianna_BBSRC

Hello, I have an 32 bit Float single-band ImageryLayer with a popupTemplate assigned. The popup shows the raster service pixel value with the following code: const variableLayer = new ImageryLayer({ url: 'https://this_is_a_fake_url/ImageServer', popupTemplate: { title: '{Raster.ServicePixelValue} variable count(s) in {Year}' content: [], }, });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Is there a way to round the service pixel value which is displayed in the popup? Note: I do not want to round the raster data pixels themselves. I've tried something like this:  const variableLayer = new ImageryLayer({ url: 'https://this_is_a_fake_url/ImageServer', popupTemplate: { //title: '{Raster.ServicePixelValue} variable count(s) in {Year}' content: '{expression/pixelvalue} variable count(s) in {Year}', expressionInfos: [{ name: 'pixelvalue', expression: 'Round($Raster.ServicePixelValue, 2)' }] }, });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Any combination of experimenting that I've tried has resulted in either undefined or null in the place where the pixel value should be displayed in the popup. Any help is massively appreciated! Thank you for reading. ... View more

Hi everybody,  I've been working on displaying a multi-dimensional mosaic dataset in a web app with js (which wouldn't have been possible without this forum so far: thank you). I'm nearly done with everything, but there's one lingering problem:  My dataset intends to show scenarios in five year increments starting at +5 years and going to +100 years (in the future starting from when the user is looking at the data [or intends to implement said scenario]). Currently, the date field is set in years and I have added 2000 to each of the scenarios so that TimeSlider would work. So my date slider looks like: After changing a few things in the CSS, namely:  #timeSlider { position: absolute; width: 33%; left: 33%; } .esri-time-slider__time-extent, .esri-time-slider__min, .esri-time-slider__max, .esri-slider__tick.minorTick { display: none !important; } ‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ It looks like this:  Just in case, here's the JS used to create TimeSlider:  // create and add time slider to view const timeSlider = new TimeSlider({ container: 'timeSlider', mode: 'instant', view: view }); view.ui.add(timeSlider, 'manual'); // wait until the layer view is loaded let timeLayerView; view.whenLayerView(layer).then(function(layerView) { timeLayerView = layerView; const fullTimeExtent = layer.timeInfo.fullTimeExtent; const start = fullTimeExtent.start; // set up time slider properties timeSlider.fullTimeExtent = fullTimeExtent; timeSlider.values = [start]; timeSlider.stops = { interval: layer.timeInfo.interval }; });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ What I would like is an *animated* slider with labels in 5 year increments starting at 5 and ending at 100.  ------------------------------------------------------------------------------------------------------------------------------------------------------- So the way I see, there would be three ways to 'solve' this problem:  Somehow hack time-enabled layers and TimeSlider JS to accept values less than 100 as temporal  Allow TimeSlider to configure user-defined labels  Use CSS to define labels  Are any of these even possible?  ... View more

Hi everyone,  I'm a bit of noob at this js stuff. I have a multi-dimensional mosaic dataset (netCDFs) with two dimensions: year and fma.  year spans from 2005 to 2100 fma spans 1 to 11 (these correspond to different scenarios) What I would like to learn how to do is to make the Slider (aka rangeSlider) listen and change the data displayed when a user changes the slider value on the right (1-11). See my jsfiddle here Any help is massively appreciated.  ... View more