Markerclusterer: setting the iconPath property has no effect

[gergely-ujvari]

Setting the iconPath property for the MarkerClusterer Component has no effect. Markerclustererplus still gets the icons from the default url.

This is because how the underlying library works:

• The setupStyles_() uses the property to set the icon urls: https://github.com/googlemaps/v3-utility-library/blob/master/markerclustererplus/src/markerclusterer.js#L818
• But that function is only called during the initialization function and never more: https://github.com/googlemaps/v3-utility-library/blob/master/markerclustererplus/src/markerclusterer.js#L731
• Markerclustererplus, as far as I know, is not a maintained library, so react-google-maps should offer a workaround for that.

A possible workaround is to reset the style list manually, something like this. Inside src/components/addons/MarkerClusterer.jsx:

  imagePath(instance, imagePath) {
    instance.setImagePath(imagePath)
    instance.styles_ = []
    instance.setupStyles_()
  },

instead of

  imagePath(instance, imagePath) {
    instance.setImagePath(imagePath)
  },

[entr]

Very annoying indeed. If you need it changed just once override the IMAGE_PATH property of what the marker-clusterer-plus module exports.

import MarkerClustererPlus from 'marker-clusterer-plus'
import { MarkerClusterer } from 'react-google-maps/lib/components/addons/MarkerClusterer'

MarkerClustererPlus.IMAGE_PATH = '/mapclusterer/m'

// your important stuff as usual

This worked for me