DataFilterExtension (category) and PathStyleExtension not working together
Description
When added PathStyleExtension with DataFilterExtension filtering with category the line is not visible however it works when I use range filter
Before adding DataFilterExtension
After adding DataFilterExtension
Flavors
- [ ] Script tag
- [ ] React
- [ ] Python/Jupyter notebook
- [ ] MapboxOverlay
- [X] GoogleMapsOverlay
- [ ] CartoLayer
- [ ] ArcGIS
Expected Behavior
Line should be visible using both extension
Steps to Reproduce
return new GeoJsonLayer({ id: 'cable', useDevicePixels: app.useDevicePixelsInVectorLayer, data: app.filterDataWithProvinceGeom(app.cableFilteredGeoJson, "FeatureCollection","CBL"), //app.cableFilteredGeoJson, lineWidthScale: 1, lineWidthUnits: 'pixels', lineWidthMinPixels: 1, lineWidthMaxPixels: 10, getLineColor: f => app.GetLineColor(f), getLineWidth: feature => app.GetLineWidth(feature), opacity: styleObj[0].LayerStyle[0].opacity, autoHighlight: true, pickable: true, visible: app.isVectorLayerActive("CBL"), getFilterCategory: f => f.properties.network_status, filterCategories: app.GetfilterCategories("CBL"), extensions: [new PathStyleExtension({ highPrecisionDash: false, dash: true, dashJustified: true }), new DataFilterExtension({ categorySize: 1 })], getDashArray: f => (app.GetDashArray(f.properties.network_status)), collisionEnabled: app.IsCollisionEnabled,
Environment
- Framework version: [email protected]
- Browser: Chrome 130.0.6723.117
- OS: Windows 11
Logs
No response
I'm hitting this as well. @AdityaC-Lepton did you find a workaround?
No, I’m using the range filter. I’ve updated my code to work with it accordingly.