Currently, on http://velo300.free.fr/debug,
feature highlights on 'featureOver' creating a white new feature on top of mouse-overed feature.
Problem: i need also to work with 'featureclick' for another function.
How can i manage to create this new white feature below the mouse-overed feature and not on top?
Other relevent solution: how to use setcartoCSS() wihtout redraw rhe whole layer?
You do realize that your tutorial for "featureOver" makes you superimpose a new layer / feature above your track. Therefore, the latter can no longer be clicked on.
You could either implement your "featureClick" listener on the added layer / feature as well, so that it opens your sidebar.
Or you could rather change the display properties of the mouse-overed track, so that it highlights by changing its color, instead of super-imposing another layer on top of it.
Solved it! Using Jquery and CartoDB SQL API:
function onEachFeature(feature, layer) { layer.on({ mouseover: function (e) { highlight(e.target); }, mouseout: function (e) { dehighlight(e.target); }, click: function (e) { select(e.target); } }); } $.getJSON("https://USERNAME.carto.com/api/v2/sql?format=GEOJSON&q=SELECT * FROM TABLENAME", function(data) { geojson = L.geoJson(data, { style: style, onEachFeature: onEachFeature }).addTo(map);