Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MarkerClusterer is broken in latest update

See original GitHub issue

Please provide an explanation of the issue

My old code throws an error after the last update

      <MarkerClusterer
        options={{
          imagePath: "https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m",
        }}
      >
        {(clusterer: Clusterer) =>
          warehouseData.map(warehouse => (
            <MemoMarker
              key={warehouse.Ref}
              position={{
                lat: Number(warehouse.Latitude),
                lng: Number(warehouse.Longitude),
              }}
              clusterer={clusterer}
              onClick={(): void => {
                onSelect(warehouse);
                setWarehouse(warehouse);
              }}
            />
          ))
        }
      </MarkerClusterer>

Not sure how to fix and can’t find anything related in the changelog

Your Environment

os: mac

node --version 16

react version 17

Issue Analytics

State:
Created a year ago
Reactions:10
Comments:15 (6 by maintainers)

Top GitHub Comments

1reaction

jantoine1commented, Jul 23, 2022

I hate to be the bearer of bad news, but this seems broken again in 2.12.1.

1reaction

fde312commented, May 10, 2022

Adding a fragment solved the typescript error for me. But hover or click event does not work anymore using the latest version v2.10.2. Had no problems with v2.8.1 @JustFly1984 .

Top Results From Across the Web

Google Maps Marker Clustering not working - Stack Overflow

var markerCluster = new MarkerClusterer(map, markers, ... two additional issues with the updated code in your question: the MarkerClusterer ...

MarkerClusterer images and others are broken due to google ...

MarkerClusterer images and others are broken due to google-maps-utility-library-v3 moving to ... I just published the new version to NPM.

Marker Clustering | Maps JavaScript API - Google Developers

Overview. This tutorial shows you how to use marker clusters to display a large number of markers on a map. You can use...

Marker Clustering not working because of removed external ...

So when I enabled Marker Clustering in the views format settings nothing happens. As a quick solution, I propose to move markerclusterer to...

google-maps-utility-library-v3

ID Status Summary 145 Done Sample Request ‑ MarkerCluster.setCalculator .... 143 New Google Map loaded in Upper Left corner 142 WontFix Problems with MarkerWithLabel styles in...