What are the filenames of new colored Google maps markers?

Question

Is there a handy guide similar to this one for the newer Google markers that reside in the directory http://maps.gstatic.com/mapfiles/markers2/ ?

So far I have been able to find these:

• Red marker with black dot

  http://maps.gstatic.com/mapfiles/markers2/marker.png

• Green marker with letter A (can be any letter)

  http://maps.gstatic.com/mapfiles/markers2/marker_greenA.png

• Marker shadow

  http://maps.gstatic.com/mapfiles/markers2/shadow50.png

• Green downward arrow

  http://maps.gstatic.com/mapfiles/markers2/arrow.png

• Arrow shadow

  http://maps.gstatic.com/mapfiles/markers2/arrowshadow.png

For my particular application I'd like to find the green marker with a black dot, but so far no luck. Anyone else find other icons from this directory?

Solution 1

That's what I got so far:

• drag_cross_67_16.png
• measle.png
• measle_blue.png
• dd-via.png
• dd-via-transparent.png
• arrowshadow.png
• arrow.png
• arrowtransparent.png
• shadow50.png
• marker_sprite.png
• icon_green.png <----------------------------- what you are looking for
• marker.png
• boost-marker-mapview.png
• circle[A-J].png
• red_circle_markers_A_J2.png
• red_transparent_circle_icons_A_J.png
• marker[A-J].png
• red_transparent_icons_A_J.png
• red_icons_A_J.png
• red_markers_A_J2.png
• red_grow_markers_A_J2.png
• marker_green[A-Z].png
• icon_green[A-Z].png
• markerTransparent.png

Overview: http://jsfiddle.net/doktormolle/LS7Wj/show/

Solution 2

Concept221 has taken care of rolling the v3 map icons for 9 pre-rendered colors. They also wrote a program for creating custom ones.

https://github.com/Concept211/Google-Maps-Markers

colors: red, green, purple, orange, white, blue, yellow, black

characters: A-Z, 1-100, !, @, $, +, -, =, (%23 = #), (%25 = %), (%26 = &), (blank = •)

The border might be a hair thinner than the early v3 icons, but they seem to match well with the current ones (2017). Otherwise they look the same to me.

Solution 3

Could this URL be what you are looking for?

https://mt.google.com/vt/icon?psize=20&font=fonts/Roboto-Regular.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-a.png&ax=44&ay=48&scale=1&text=%E2%80%A2

I found that the new google maps version uses some kind of service to build icons dynamically (not documented afaik). You can change the values in the URL to change the size/color of the icon and size/color/font/position of the text. In the example above, %E2%80%A2 corresponds to • (•)

Solution 4

https://www.google.com/fusiontables/DataSource?dsrcid=308519#map:id=3 here is all the icons you can use on google maps.

View more solutions

Comments

[Mark Meuer]

Where do you find the values you can use for the icon name in this link? (I.e., what other values besides icons/spotlight/spotlight-waypoint-a)

[Kirkman14]

Yeah, adjusting the color value in that URL doesn't change the marker color. It changes the icon color. (It also seems to be a weird format: ARGB instead of RGBA)

[Kevin]

These are the old icons.

[serdar.sanri]

well the answer is posted a year ago :)

[Kevin]

Ha, yes, but those were already a version or two old then. Off the top of my head, I place that style as pre-2014. Still, that is a good source for a wide variety of icons.