Actualmente tengo Mapbox ejecutándose en mi sitio, los puntos de datos y las ventanas emergentes funcionan mientras uso un conjunto de datos cargado en Mapbox Studio. Por mi vida, no puedo filtrar los puntos por propiedades en Javascript (dentro de mi etiqueta de script de archivo html). Probé los ejemplos de setFilter() y nada parece funcionar.

Por cierto, censuré nuestro token de acceso y url de estilos. Todo eso está trabajando en mi extremo.

 mapboxgl.accessToken = 'pk........'; const map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/........', center: [-111.9671707, 33.30527115], zoom: 15 }); map.on('click', (event) => { const features = map.queryRenderedFeatures(event.point, { layers: ['crime-data-complete (1)'] }); if (!features.length) { return; } const feature = features[0]; const popup = new mapboxgl.Popup({ offset: [0, -15] }) .setLngLat(feature.geometry.coordinates) .setHTML( `<h2 style="text-transform: capitalize;">${feature.properties.Crime}</h2><p><strong>Date: </strong>${feature.properties.Date}</p><p><strong>Address: </strong>${feature.properties.Address}</p><p><strong>City: </strong>${feature.properties.City}</p><p><strong>State: </strong>${feature.properties.State}</p>` ) .addTo(map); }); map.setFilter('crime-data-complete (1)', ['all', ['==', 'Crime', 'Theft']]);