react-google-maps
react-google-maps copied to clipboard
Broken path to cluster images
Linked with this issue. Markercluster lib has refactor the project layout so there are 404 errors concerning images urls. e.g.
https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m1.png
My guess is that react-google-maps should use a fixed version of the markercluster lib (if there's any).
The fact is we have no icons anymore in production, thanks for helping :)
Same issue here
As a temporary workaround, you can change the package.json dependency to
"react-google-maps": "desmoteo/react-google-maps#fix-markerclusterpath",
For those who use react-google-maps
download the Images from the links below:
https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/packages/markerclustererplus/markerclustererplus/images/m1.png https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/packages/markerclustererplus/markerclustererplus/images/m2.png https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/packages/markerclustererplus/markerclustererplus/images/m3.png https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/packages/markerclustererplus/markerclustererplus/images/m4.png https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/packages/markerclustererplus/markerclustererplus/images/m5.png
Save them in your local images folder, and customize the MarkerCluster styles.
<MarkerClusterer
gridSize={googleMapConfig.gridSize}
averageCenter
enableRetinaIcons
styles={[
{
url: '/markercluster/m1.png',
height: 53,
width: 53,
},
]}
>
@jetonk The repo of this project is unmaintained more than a year, and we had build new version https://www.npmjs.com/package/@react-google-maps/api
We had rewrite it to TypeScript, and updating it frequently: https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api You can enjoy autocomplete.
You can see our docs: https://react-google-maps-api-docs.netlify.com/
Also a lot of examples: https://react-google-maps-api-gatsby-demo.netlify.com/ https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api-gatsby-example/src/examples
The bundle size is much smaller: https://bundlephobia.com/result?p=@react-google-maps/[email protected]
Enjoy!
@JustFly1984 this is great. If possible, I think it would be really helpful to have this explained in this project Readme and/or homepage
@desmoteo not possible, cos author is not responding since 2 years. possible he is dead...