Setting the file. One moment.
Chapter 14 · Mapbox Store Locator Patterns
Subchapter 14.4
references/search-filter.mdMarkdown2 KBView on GitHub
Text Search:
function
Category Filter:
function filterByCategory(category) {
const filtered =
category === 'all'
? stores
: {
type: 'FeatureCollection',
features: stores.features.filter((store) => store.properties.category === category)
};
// Update map and list
if (map.getSource('stores')) {
map.getSource('stores').setData(filtered);
}
document.getElementById('listings').innerHTML = '';
buildLocationList(filtered);
}
// Category dropdown
document.getElementById('category-select').addEventListener('change', (e) => {
filterByCategory(e.target.value);
});