Markers disappear when I add `clusterer` to them. @react-google-maps/api

Question

I'm trying to use MarkerClustererF from @react-google-maps/api to cluster markers.

My render looks like this:

<MarkerClustererF>
    {(cluster) => (
      <>
        {deliveryPendingPositions.map((position, index) => {
          return (
            <MarkerF position={position} key={index} clusterer={cluster} />
          );
        })}
      </>
    )}
</MarkerClustererF>

My deliveryPendingPositions has the following format:

[
    {
      lat: 46.545022,
      lng: 15.653008,
    },
    {
      lat: 46.547034,
      lng: 15.660935,
    }
]

My markers work normally if I don't add the clusterer props to them, but as soon as I add it my markers disappear and no clusterers appear.

Without clusterer:

With clusterer:

Could someone explain what I'm doing wrong? Why do my markers disappear and why can't I see any marker clusterers?

duplxey · Accepted Answer · 2023-03-19 18:18:43Z

1

MarkerClustererF doesn't work well with Next.js in strict mode.

Refer to this issue on GitHub.

answered Mar 19, 2023 at 18:18

duplxey

3203 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Markers disappear when I add `clusterer` to them. @react-google-maps/api

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related