2

The GeoJSON source method has an option to indicate the 'date' columns. Can you try with something like this? const dateColumns = ['date']; const options = { dateColumns }; const newSource = new carto.source.GeoJSON(JSON.parse(this.source), options); :wave


2

I achieved this animation using only CSS. See the following tutorial: https://css-tricks.com/svg-line-animation-works/#article-header-id-7 (Note: the tutorial covers other interesting line animations as well!) First of all add the class .animate to the routing line: var control = L.Routing.control({ waypoints: [ L.latLng(57.74, 11.94), ...


1

Late answer, but better than never... First of all I think you need one graduated style that matches all of your columns, i.e. if an attribute value ranges from 0 to 30 at the beginning and from 20 to 50 some periods later your style should cover values from 0 to 50 to make things comparable (and otherwise my approach does not work). I have created a small ...


1

Since popup div container already has several CSS classes and popup offset is done through HTML style attribute (left and bottom properties), I don't see a way of animating popup with CSS transitions. But there is as a way by using popup className option just to get access to popup container and then changing it's style.left property dynamically using ...


1

offset is a creation option and you cannot change it after creation. The proper way to change the popup's position is to use popup.setLatLng(...). In the event listener you must pass the popup as the event context (as per the docs). You will then be able to modify it inside the listener function. layer.bindPopup(content) layer.on('click', function() { ...


1

You'll have to add an image in the background and then display your red classified pixels on top of it. It seems like the image uses a DEM, you could for example pick the SRTM DEM in the GEE. Play around with the visible parameters to get a nice visualization: // define the background map variables var srtmParams = { min: -13000, max: 15000, gamma: ...


1

Your updateLayer function should look like this: function updateLayer(value){ // Get min stretch value from user. var min1 = slider.getValue(); // Get max stretch value from user. var max1 = slider1.getValue(); // Set a new visualization definition based on user min and max. var visNDVInew = {min: min1, max: max1, palette: palette1}; // Remove ...


1

Steps 1 through 5 of that guide are about creating a time-stamped route. You already have time-stamped data, so those steps are not appropriate for your situation. Add your CSV into QGIS as a delimited text layer. Proceed from Step 6: Fix Symbology.


Only top voted, non community-wiki answers of a minimum length are eligible