Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The Markercluster icons on the wall overlap each other, you need to add padding between the icons. #741

Open
novakand opened this issue Sep 1, 2023 · 2 comments
Labels
type: question Request for information or clarification. Not an issue.

Comments

@novakand
Copy link

novakand commented Sep 1, 2023

Incorrect display of cluster icons. Icons will climb on top of each other when zooming.
The documentation states that the SuperCluster Algorithm works by default and a link to https://www.npmjs.com/package/supercluster , but this is not observed there. Is it possible to somehow influence and make indents from each other between the icons?
https://jsfiddle.net/Novakand/w86dyebc/
The first video shows how MarkerCluster works at the moment and the second video shows how the supercluster plugin works.

2023-09-02.02.33.56.online-video-cutter.com.mp4
2023-09-02.02.33.07.online-video-cutter.com.mp4
@novakand novakand added triage me I really want to be triaged. type: bug Error or flaw in code with unintended results or allowing sub-optimal usage patterns. labels Sep 1, 2023
@wangela
Copy link
Member

wangela commented Sep 1, 2023

If you would like to upvote the priority of this issue, please comment below or react on the original post above with 👍 so we can see what is popular when we triage.

@novakand Thank you for opening this issue. 🙏
Please check out these other resources that might help you get to a resolution in the meantime:

This is an automated message, feel free to ignore.

@SnowJambi
Copy link

SnowJambi commented Sep 16, 2023

Just checking I understand your problem, are you saying the clusters are too close together, thus sometimes appearing to overlap?

If so, you can change this behaviour by setting radius on the algorithm options.

new MarkerClusterer({
  map,
  algorithmOptions: { radius: 200 }
})

Alternatively if you wanted to use the bounded viewport algorithm,

new MarkerClusterer({
  map,
  algorithm: new SuperClusterViewportAlgorithm({ radius: 200 }),
})

Here's your fiddle updated as an example: https://jsfiddle.net/wa15qo2b/

@usefulthink usefulthink added type: question Request for information or clarification. Not an issue. and removed type: bug Error or flaw in code with unintended results or allowing sub-optimal usage patterns. triage me I really want to be triaged. labels Sep 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: question Request for information or clarification. Not an issue.
Projects
None yet
Development

No branches or pull requests

4 participants