Comments (5)
Hey @Altiano , thanks for reporting this issue. I think it can be handled nicely by the layer component, I have done some changes to the layer so that you can do something like this :
<Layer
type="symbol"
id="marker"
filter=['==', 'bar', mapFilter]
layout={{ "icon-image": "marker-15" }}>
</Layer>
Can you use this branch on your project and tell me if this solve your problem nicely ? https://github.com/alex3165/react-mapbox-gl/tree/feature/layer-filter.
from react-mapbox-gl.
Sorry, I forgot to mention that the layer is not created in react but directly from mapbox (there are certain benefits that I need).
But, I'll consider switching to manual code now that there is an additional filter
property.
I'm just wondering, How about add another component to the API, something like <ExistingLayer />
so that I can manipulate a layer that has been created directly from mapbox. This can be useful not just for custom layer but also the mapbox style layers.
from react-mapbox-gl.
Sorry for the late reply, I will have a look at the problem as soon as I have some time 👍, I need to investigate more to make sure there is a really need for an <ExistingLayer />
component.
from react-mapbox-gl.
@Altiano What benefits do you get from creating a layer manually? I don't really see why you'd need it. 😕
You can pass any kind of options to the Layer
component via the layerOptions
prop. You can also create a custom source and pass its sourceId
if you need to. Is there anything I'm missing here? I don't really see why you'd need it to behave in any different way?
Even if you need more control over the features, that are being rendered onto a layer, you could just pass those as usual with the Feature
sub-component and manipulate those?
from react-mapbox-gl.
I'll close this due to inactivity
from react-mapbox-gl.
Related Issues (20)
- Invalid LngLat object error when zooming on markers
- Example needed: OpenStreetmap Example without Mapbox accessToken
- DrawControl in React v18 and above
- ultra-weird bug : some images don't show up on mobile devices (works fine on desktop computer) HOT 2
- React v18: Map container is being appended to DOM twice
- Renders black screen after multiple renders. HOT 1
- Popup missing `closeOnClick` prop
- Control Feature fade in animation
- Markers wiggle on React 18 HOT 6
- Cluster Marker disappearing when zoom screen with 70%, 80%
- Cannot assign to import "accessToken" error on Remix HOT 5
- [HELP] MapboxMap - how to use onLoad to switch displayed language of map?
- Layers do not renderer HOT 2
- ReactMapGL not showing after deploying, buit during development it is working perfectly HOT 1
- Is GL JS v3 supported ? HOT 1
- add open-ended option overrides in constructor
- Features not showing
- Leak of memory react mapbox-gl 3D
- Feature coordinates not adjusting to new variables. HOT 1
- Peer dependencies HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-mapbox-gl.