MarkerCluster V3 stopped working properly

by

As Google moved the source over to GitHub a while back, the new GitHub version can be accessed from RawGit by using the following script url:

https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/src/markerclusterer.js

You’ll also need to specify the imagePath option when instantiating your MarkerClusterer to access the images from GitHub:

var mc = new MarkerClusterer(map, markers, { 
    imagePath: 'https://cdn.rawgit.com/googlemaps/js-marker-clusterer/gh-pages/images/m' 
});

The following earlier SO post contains more detail regarding the imagePath reference to the cluster images:

Google maps not working in https://

Whilst the above urls (with the cdn prefixes) have no traffic limits or throttling and the files are served via a super fast global CDN, please bear in mind that RawGit is a free hosting service and offers no uptime or support guarantees.

This is covered in more detail in the following SO answer:

Link and execute external JavaScript file hosted on GitHub

This post also covers that, if you’re linking to files on GitHub, in production you should consider targeting a specific release tag to ensure you’re getting a specific release version of the script.

However, as the custodians of the js-marker-clusterer repository have yet to create any releases, this isn’t currently possible.

As a result, you should seriously consider downloading and including the library and its resources directly in your project for production purposes.

More Related Contents:

  1. How to get the SHA-1 fingerprint certificate in Android Studio for debug mode?
  2. Draw path between two points using Google Maps Android API v2
  3. Google Maps Api v3 – find nearest markers
  4. Google Maps API: No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  5. How to use SVG markers in Google Maps API v3
  6. Google Maps API OVER QUERY LIMIT per second limit
  7. Google Map API – Removing Markers
  8. Google Maps V3 – How to calculate the zoom level for a given bounds
  9. ERROR: Google Maps API error: MissingKeyMapError
  10. Google Maps API to get bus route
  11. Angular2 – Component into dynamically created element
  12. Disable mouse scroll wheel zoom on embedded Google Maps
  13. How to get the center of a polygon in google maps v3?
  14. Decoding the Google Maps embedded parameters
  15. google.maps.Geocoder.geocode() geometry.location lat/lng property names change frequently
  16. Enable Billing on the Google Cloud Project
  17. Use Google Map in Blackberry application
  18. Google Maps API v3 | shows no map data
  19. Google Geocoding v2 API stopped working suddenly
  20. Change Google map marker orientation according path direction
  21. Marker clustering with google maps SDK for iOS?
  22. Google Maps API V3 custom controls position
  23. ApiNotActivatedMapError for simple html page using google-places-api
  24. Is it possible to get an address from coordinates using google maps?
  25. Google Maps API – Get Coordinates of address
  26. Google Maps API 3 fitBounds padding – ensure markers are not obscured by overlaid controls
  27. How long do the new Places API session tokens last?
  28. Do not change map center or zoom level when rendering directions
  29. Box/Rectangle Draw Selection in Google Maps
  30. Loading google maps asynchronously

Leave a Comment