CODEWITHSUNDEEP
google-mapsgoogle-maps-api-3performance
Hubro
Hubro

Reputation: 59383

Can I temporarily disable rendering of markers in Google Maps V3?

I have a map where at some point I draw around 14000 markers. If the bounds of the map is set to the entire area where the markers are drawn, it takes a long time to draw the markers (about 8 seconds). But if I zoom into an area where few/no markers will be drawn, then drawing the 14000 markers goes really fast, like 2-3 seconds.

I assume this is because the most time consuming process is to actually draw the marker icons to the tiles, and since the markers are added one at a time, the map is rendered a ton of times in a very short time span.

Therefore I wonder if it's possible to disable the map updating/rendering while I add my icons, then re-enable it when all the icons are added.

Any solutions with the similar effect is welcome

Upvotes: 1

Views: 686

Answers (3)

Chad Killingsworth
Chad Killingsworth

Reputation: 14411

Try using the MarkerManager library in the Google Maps API v3 Utility Library. It was designed for such problems. While there isn't much in the way of documentation, there are several useful examples and plenty of comments in the source code.

Upvotes: 0

Adam Jenkins
Adam Jenkins

Reputation: 55772

The rendering time goes down because api v3 doesn't add the 14 000 when you're zoomed in more tightly. It only adds the markers that are in the current bounds PLUS markers that are in the tile layer buffer around the edges (probably one or two tiles).

I'm kind of confused as to what you mean, but perhaps you want to add the markers only after the map has already been loaded:

google.maps.event.addListenerOnce(map,'tilesloaded',addMarkersFunction);

All that being said, 14 000 markers is A LOT of markers. Clustering markers when you have this many is not even what I would consider optional any more.

Upvotes: 2

duncan
duncan

Reputation: 31922

Yes, you could create a lot of markers, not associate them with the map. Then afterwards, call the setMap() function on each of them.

You could also only do this that fall within the current bounds.

And have you considered marker clustering to reduce the number of markers?

Would be useful to see your code.

Upvotes: 1

Related Questions