Code Monkey home page Code Monkey logo

Comments (9)

manubb avatar manubb commented on May 19, 2024

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.

manubb avatar manubb commented on May 19, 2024

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.

nerdherdwa avatar nerdherdwa commented on May 19, 2024

mrb.zip

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.

WOD_Data_MRB_Zoom5_10598pts
WOD_Data_MRB_Zoom8_809pts_(-23 72501,10089844)
WOD_Data_MRB_Zoom8_4582pts_(-10 90895,93 60339)
WOD_Data_MRB_Zoom9_2000pts_(-8 8339,163 37151)

from leaflet.pixioverlay.

nerdherdwa avatar nerdherdwa commented on May 19, 2024

Any feedback on the density of points when trying to calculate the collision positions

from leaflet.pixioverlay.

manubb avatar manubb commented on May 19, 2024

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.

manubb avatar manubb commented on May 19, 2024

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.

manubb avatar manubb commented on May 19, 2024

I've added a demo with the 2k dataset here.

from leaflet.pixioverlay.

nerdherdwa avatar nerdherdwa commented on May 19, 2024

@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

7000pts

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.

manubb avatar manubb commented on May 19, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.