Comments (9)
Hi. Nice pictures!
Can you try to decrease the size of the markers? (i agree though that this is not a good solution...)
from leaflet.pixioverlay.
Can you upload the 2k dataset that crashes the fix collision function? (so that i can test it and see what can be done).
from leaflet.pixioverlay.
Here is zip file of the json file with the data that crashes browser when attempting to create zoom level between 5 and 16. I can get it to render the page if i only put one zoom level but not really a solution considering the density of the points.
from leaflet.pixioverlay.
Any feedback on the density of points when trying to calculate the collision positions
from leaflet.pixioverlay.
Hi. Sorry for the delay but i think that i found the root of the problem.
Can you tell if the problem happens randomly on the 2k dataset? (Sometimes the computation succeeds in a few seconds and sometimes it fails after a much longer times.)
from leaflet.pixioverlay.
I've pushed a new circles.js
file that fixes the crashes with the 2k dataset. Can you check on your side?
from leaflet.pixioverlay.
I've added a demo with the 2k dataset here.
from leaflet.pixioverlay.
@manubb no worries the areas where i had issues with small amounts of points rendering due to density of the points, now seems fixed when using the new circle.js file, they render all the points with out the browser crashing. It was always crash would only render once i reduced the number of points to around 500
7k points rendered at a position was previously crashing
Thanks for your help my next option was cluster at the postgis database api and then only render one cluster point out for those areas that had issues
from leaflet.pixioverlay.
The collision fix function was not designed to handle efficiently many points sharing same position. If you still have performance issue with the 477k dataset, you can consider doing some preprocessing to fix collisions on the same position clusters.
from leaflet.pixioverlay.
Related Issues (20)
- Moving markers HOT 1
- collision detection with variable size markers - keep sizes constant HOT 2
- Export map with pixi overlay HOT 3
- Render stage to a texture
- Remove and add a new layer
- BUG: Library doesn't work with latest version of leaflet. HOT 4
- WebGL: CONTEXT_LOST error HOT 1
- Stop propagation HOT 1
- Change the order and style of multiple pixi overlays after adding to the map
- Add support for PixiJS@7 HOT 6
- Add a Geojson in the map HOT 3
- What is included in the example.min.js at many-markers example? HOT 1
- There is way to add a interactive polygon and a marker in the same PIXI Conteiner? HOT 5
- examples HOT 4
- Using Vue3 HOT 1
- PIXI v7 events HOT 1
- Help with custom coordinates HOT 8
- Resolved, texture image not loading HOT 1
- Error after updating the Pixi version HOT 3
- Adapting Pixi to Openlayers
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 leaflet.pixioverlay.