Speeding up a map with thousands of markers
1,227 views
Skip to first unread message
Raphael Krut-Landau
Jun 30, 2010, 5:43:23 PM6/30/10
to Google Maps JavaScript API v3, a...@openhatch.org
Hi,
I have a map set up at <http://openhatch.org/people/>. It has a couple
thousand markers. When you scroll, the map shudders and hangs a bit.
How can I make it faster? What do you do to keep a map displaying this
much information scrolling smoothly? Are there "best practices" within
Google Maps v3, or add-ons I should use?
Note that the scrolling of this map is pretty fluid when there are
fewer markers, e.g., <http://openhatch.org/people/?q=project
%3ATwisted>.
Best,
Raphael
p.s. Something we've thought about: We're generating the markers in
JS. We could use KML, but we don't think that would make it go faster,
because it's the scrolling that's slow, not the marker-making.
I have a map set up at <http://openhatch.org/people/>. It has a couple
thousand markers. When you scroll, the map shudders and hangs a bit.
How can I make it faster? What do you do to keep a map displaying this
much information scrolling smoothly? Are there "best practices" within
Google Maps v3, or add-ons I should use?
Note that the scrolling of this map is pretty fluid when there are
fewer markers, e.g., <http://openhatch.org/people/?q=project
%3ATwisted>.
Best,
Raphael
p.s. Something we've thought about: We're generating the markers in
JS. We could use KML, but we don't think that would make it go faster,
because it's the scrolling that's slow, not the marker-making.
Chad Killingsworth
Jun 30, 2010, 7:25:15 PM6/30/10
to Google Maps JavaScript API v3
Scrolling is slow because of the number of DOM elements. With a KML
layer, it would be a HUGE speed improvement.
This also looks to be a prime candidate for marker clustering.
Chad Killingsworth
layer, it would be a HUGE speed improvement.
This also looks to be a prime candidate for marker clustering.
Chad Killingsworth
James McGill
Jul 1, 2010, 1:46:49 AM7/1/10
to google-map...@googlegroups.com
FusionTablesLayer may also be suitable in this case.
Regards,
James
> --
> You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group.
> To post to this group, send email to google-map...@googlegroups.com.
> To unsubscribe from this group, send email to google-maps-js-a...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>
>
seb
Jul 1, 2010, 2:52:19 AM7/1/10
to Google Maps JavaScript API v3
You can try James or Chad proposal.
If you have a lot of markers you can also have a look to maptimize
(http://v2.maptimize.com).
I know it's not open-source and not free (we have a free account).
We are compatible google maps V2 andV3. You'll be also able to filter
your map by projects/tags in real-time without reload the page.
You can contact me, we can extend the free account for your service.
I do also open source projects and it will be a pleasure to help.
Seb
If you have a lot of markers you can also have a look to maptimize
(http://v2.maptimize.com).
I know it's not open-source and not free (we have a free account).
We are compatible google maps V2 andV3. You'll be also able to filter
your map by projects/tags in real-time without reload the page.
You can contact me, we can extend the free account for your service.
I do also open source projects and it will be a pleasure to help.
Seb
Liandri
Jul 1, 2010, 5:02:23 PM7/1/10
to Google Maps JavaScript API v3
Yea, definitely look into clustering. I found this script for V3 very
straightforward:
http://blog.fusonic.net/archives/195
Just add the each marker to the "fluster" and it will take care of the
rest. You can also customize the threshold for each icon color (don't
know if you can add more than three?) as well as the grid size.
straightforward:
http://blog.fusonic.net/archives/195
Just add the each marker to the "fluster" and it will take care of the
rest. You can also customize the threshold for each icon color (don't
know if you can add more than three?) as well as the grid size.
Nathan Raley
Jul 1, 2010, 9:59:42 PM7/1/10
to google-map...@googlegroups.com
Another thing you might want to look into would be coupling marker manager in with the clustering. It can also limit the number of markers displayed at various zoom levels to give you even more control and optimization when using clusterer.
ocal karaarslan
Jul 2, 2010, 3:17:08 AM7/2/10
to google-map...@googlegroups.com
Hi,
I think fusion tables are good for your work. You can also send your datas using csv files. I am sending you some useful links about fusion tables and also its usage.
Reply all
Reply to author
Forward
0 new messages