CODEWITHSUNDEEP
performancegoogle-mapsgoogle-maps-api-3google-maps-markerscluster-analysis
JamieNewman
JamieNewman

Reputation: 917

Google Maps API v3, lots of markers, clustering and performance

I have about 5000 markers I need to render on Google Map. I'm currently using the API (v3) and there are performance issues on slower machines, especially in IE. I have done the following already to help speed things up:

  1. Used a simple marker class that extends OverlayView and renders a single DIV element per marker
  2. Implemented the MarkerClusterer library to cluster the markers at different levels
  3. Render GIFs for IE, instead of alpha PNGs

Are there faster clustering classes? Any other tips? I'm trying to avoid server-side clustering unless this is the only option left to squeeze performance out of the system.

Thanks

Upvotes: 16

Views: 19706

Answers (2)

rozsypal
rozsypal

Reputation: 51

The solution mentioned above works for much higher number of markers. We use it for millions of GPS points at backend (including polygons etc). The only problem is some logic behind like proper caching of spatial queries, or fetching new results only, if user moves a map for more than X meters. There is a lot of work to make it done, but for viewing real high number of points, there is nothing better.

Marker clusteres are usually working at browser side, so these is still need to load all points at once - and this makes this method unusable for large numbers.

You can check it out at http://www.tixik.com/london-2354567.htm live (just click ,,plan a trip " and start planning. Just try to move a map, zoom in or out and all points will show/hide on map zoom/drag.

Upvotes: 0

Valerion
Valerion

Reputation: 831

I used a method that loads all the markers onto the page, and then listens for the map to finish panning.

When the map has finished panning, I first check the zoom level - if it's too high I don't display anything. If it's at an acceptable level, I then loop through the markers I have stored and see if they fall into the bounding box of the map. If they do, they get added. A second loop then removes any that have moved out of the view.

The highest number I've used is about 30,000 markers with this method, although I have it so you must be zoomed in quite far to see them. In areas of higher concentration of markers it's obviously a little slower but it's useable.

Upvotes: 9

Related Questions