views:

43

answers:

1

How do I implement the red dots as seen on the Google Map linked below:

Red Dots

UPDATE

I'm using Google Maps version 3 (not 2)

UPDATE 2

I found the following Presentation by Google talking about what I want to do.

docs.google.com/present/view?pli=1&id=dggjrx3s_153hdf2s6cm

It's slide 27, called "Tiny Clickable Markers". However, they do not talk about how I implement these kind of markers nor does it answer my questions above.

+1  A: 

Unfortunately, those dots are -- as far as I know -- a special feature of Google's commercial Maps application (distinct from the maps api, v2 or v3), meaning it's unavailable for api use.

As for how it actually works, it appears they are not being added to the map in the standard fashion of the larger, tear-drop markers, each of which is an individual div being absolutely positioned on the map. The tiny red dots are actually a layer of image tiles being baked on Google's servers, and then these tiles are added to the map as images (I'm not sure how they're made clickable). Anyway, all this makes sense, because adding that many individual divs to the DOM burns up a lot of CPU. (Disclaimer: this is just my guess as to how it works).

All of which is to say: it's probably not a great idea to put that many markers on a map, unless you implement something like Google's tile solution.

UPDATE

It's been awhile, but it turns out you can do this, you just have to use Google's Fusion Tables service. some documentation here

robstenson