Comments (2)
+1 Since I recently implemented this exact use case and your implementation looks pretty sound.
I am curious if you noticed any tangible benefits using flushSync
and useLayoutEffect
since I implemented this originally with just setState
and useEffect
and it works identically from what my eyes can see, although I was using a small set of features.
from react-map-gl.
@Jdyn In fact, in the case of useLayoutEffect, it is said to work before browser paint, but I am not sure if it will work in this case as well. 😅
However, with flushSync, React's State update doesn't work synchronously, so if you don't use that logic, you can quickly move the screen and zoom in and out, you'll see the component partially delayed and rendered.
It will help you understand if you refer to the official document
from react-map-gl.
Related Issues (20)
- [Bug] Draw Polygon calls onClick for Map when drawing
- [Bug]Returning response json source not drawing Markers on map. HOT 2
- [Bug] geojson example is not redirecting to source
- Uncaught TypeError: Cannot read properties of null (reading 'point') HOT 4
- [Bug] Fog & marker issue - getOpacityAtLatLng HOT 2
- Canvas width/height don't update when container's width/height are changed HOT 5
- [Bug] Quickly double-clicking on maps prevents zooming in HOT 1
- Updating the accessToken doesn't update the API call and crash HOT 1
- [Bug] Can't set configuration property for map HOT 1
- [Bug] CORS Error on electron HOT 1
- Support Maplibre GL JS 4.x HOT 2
- [Bug] missing advanced example for geocoder HOT 2
- [Bug] ssr support missing example to await for geocoder results HOT 3
- [Bug] incompatible dom objects within the react landscape HOT 4
- When setting maxZoom and dragging map around markers are moving all over the place [Bug] HOT 1
- [Bug] [docs] Link to MapLibre API docs are broken
- [Feat] Add support for latest Mapbox rendering release (V3) HOT 1
- [Bug] Input data given to 'xxx' is not a valid GeoJSON object
- [Bug] Map loading issue on resizing width HOT 1
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-map-gl.