Resetting Markers in Mapbox/Maplibre

To implement a “reset” button for your markers, you can keep track of the original markers in an array. Here’s a simple way to do it:

        
            // Assume markers is an array of all your original markers
            let markers = []; // Fill this with your actual marker data

            // Function to reset marker visibility
            function resetMarkers() {
                for (const marker of markers) {
                    // Show the marker (depends on how you manage visibility)
                    marker.addTo(map); // Example of re-adding a marker
                }
            }

            // Add a reset button in your HTML
            const resetButton = document.createElement('button');
            resetButton.innerText = 'Show All Markers';
            resetButton.onclick = resetMarkers;
            document.body.appendChild(resetButton);
        
    

Make sure to call this resetMarkers function whenever the button is clicked. If users can modify the markers’ visibility through some filtering, just storing the original markers like this makes it easier to reset everything without worrying about the current state.

If you’re also handling visibility directly on layers, you might have a layer specifically for markers. You can manage showing/hiding the entire layer based on user interactions. Just toggle the layer visibility when your reset button is clicked:

        
            // Assume markersLayer is your layer containing markers
            function resetMarkers() {
                markersLayer.setLayoutProperty('visibility', 'visible');
            }
        
    

Let me know if this helps or if you need more details on specific parts!