mapbox - Hiding features on the layer based on other layer's data

Question

I am using mapbox-gl and have point and line layers on the map. All layers are vector tiles. Some points lie on the lines, some not and I want to hide points that don't lie on the lines

Is it possible to do it only on the frontend side with writing something like a filter that checks if a point on any line or not? I really don't want to change the backend

question from:https://stackoverflow.com/questions/65883531/hiding-features-on-the-layer-based-on-other-layers-data

Answer 1

Why don't you use turf.js in conjunction with mapbox-gl-js? E.g. you could calculate the distance to the line with http://turfjs.org/docs/#pointToLineDistance for each point, then filter out any points with a distance bigger than 0.