I'm trying to figure out how to set the maxZoom attribute.

I found the list of acceptable arguments:

new MarkerClusterer({ map, markers, algorithm, renderer, onClusterClick })

So, I don't want to implement my own algorithm. The default one I guess pretty cool.

I found the maxZoom property in the documentation. But cannot understand how to pass it to the MarkerClusterer object.

I saw this question, but looks like the MarkerClusterer implementation have changed and the answer is outdated. The MarkerClusterer object accepts only one argument with described fields above for now.

I'll be very grateful for any help.

I'm trying to figure out how to set the maxZoom attribute.

I found the list of acceptable arguments:

new MarkerClusterer({ map, markers, algorithm, renderer, onClusterClick })

So, I don't want to implement my own algorithm. The default one I guess pretty cool.

I found the maxZoom property in the documentation. But cannot understand how to pass it to the MarkerClusterer object.

I saw this question, but looks like the MarkerClusterer implementation have changed and the answer is outdated. The MarkerClusterer object accepts only one argument with described fields above for now.

I'll be very grateful for any help.

• javascript
• google-maps-markers
• markerclusterer

• 3 What a terrible/annoying/unclear documentation. Does this help? github./googlemaps/js-markerclusterer/issues/374 - if it doesn't, I'd require clarification on the github issues page. – MrUpsidown Commented Nov 29, 2022 at 10:28
• 1 The documentation is indeed absolutely horrible. Happy to see I'm not alone, and you provided an answer below :) – pancakecoder Commented Aug 4, 2023 at 9:10

2 Answers 2

Thanks to @mrupsidown for help! The correct way to set custom maxZoom is to change the algorithm:

const algorithm = new SuperClusterAlgorithm({ maxZoom: 12 })
new MarkerClusterer({map, markers, algorithm, renderer, onClusterClick});

I was stuck on this as well and found an easier solution. You just need to pass an object algorithmOptions.

new MarkerClusterer({map, markers, algorithmOptions: { maxZoom: 10 }});

I also didn't understand the docs properly but found it by looking into the source code: https://github./googlemaps/js-markerclusterer/blob/e3ea80c1172eedc0f9784d832f419153a49825ce/src/markerclusterer.ts#L84C8-L84C8