Google Maps: Coloured Markers — January 14, 2007
Google provides some default reddish icons for their Google Maps app, but no other colours besides those. This proved to be rather a nuisance, since a client requested precisely this for their site (Probono Maps).
So… 260 images manually created later, I’m done. What a PAIN! So for anyone else needing this, click here to download the files. The zipfile contains all A-Z .png’s in the 10 colours seen below, as well as a .psd if you need to change them from A-Z to 1-100 or whatever. Hope it comes in useful!
Very useful, thanks a lot! I can’t believe you did them all by hand, there must have been an easier way…
Comment by Deebster — January 24, 2007 @ 2:25 pm
Thanks for sharing, appreciate your time and effort
Comment by Son Nguyen — March 3, 2007 @ 8:36 am
Thanks for all your effort….been-there-done-that! Your colors and font are SO CLEAR compared to others.
The .psd file would not open in my PSP…I know i am too cheap…it usually does open them but there must be vectoring in your markers…yah?
If I can’t get it i’ll make my own in PSP : 1.) what font and font size did you use?
Again thanks…you saved me tons of time.
Kent
Comment by kent — March 12, 2007 @ 11:11 am
No worries, Kent! Pity you can’t open the files – not sure why, though… I don’t *think* it’s using any vectors… but maybe I am, who knows (the intracies of photoshop still bewilder me to this day).
The font is just Arial, size 13 with the “Strong” option.
All the best –
Ben
Comment by ben.keen — March 12, 2007 @ 11:21 am
Thanks for sharing! I think I’ll take advantage of the extra sets of colors if I need more than 26 markers … so maybe start off with A-Z in red for the first 26 markers, then go to A-Z in blue for the next 26 markers, etc.
Comment by Another Ben — March 28, 2007 @ 6:58 pm
Wow, thanks, I just put them to use on my new site http://802.11maps.com/
Comment by scott hodson — April 2, 2007 @ 10:12 am
Thank for the work! It’s much better than the PNG file I tried to create.
Comment by Jeremy — May 10, 2007 @ 4:06 pm
I’m a newbie at this but where do I store the icons and how should i set the icons and icon atributes for googlemap on my wiki?
Comment by O1ive — May 15, 2007 @ 2:22 am
Thanks! ;) It just came in very handy!! Greetings from Switzerland!
Comment by Andreas — September 17, 2007 @ 10:52 am
Wow! Thanks! These just saved me a *ton* of work.
Comment by gabrielle — October 3, 2007 @ 6:16 pm
Thanks so much! I was surfing around mapki looking for a quick way to make a gray marker, but all the apps out there for marker generation create really low quality pixilated images. I just opened your psd and replaced the red with gray – beautiful and clear! You saved me mucho time.
Comment by mcPiper — October 31, 2007 @ 11:02 am
EXTREMELY useful! Thank you!
Comment by Jonas — November 17, 2007 @ 5:13 am
Thanks a lot for a great work!!!
Comment by keep — December 11, 2007 @ 10:51 am
Thank you for markers. Any other size or shape?
Comment by rob — February 18, 2008 @ 10:34 am
‘fraid not, sorry!
Comment by ben.keen — February 18, 2008 @ 10:42 am
Hey! Thanks very much dude! This really helped!!!
Comment by Prashant — February 21, 2008 @ 10:54 am
Thanks for that, saved me the time making my own – much appreciated!
Comment by Kelly — February 26, 2008 @ 11:21 pm
Nice one, saved me some time :)
Comment by Chris James — March 20, 2008 @ 8:00 am
Thanks for sharing them. They are really useful.
Comment by Rishi — March 21, 2008 @ 2:43 am
THANK YOU! THANK YOU! THANK YOU!
Comment by phil — March 23, 2008 @ 9:10 am
lovely markers thank you! i used a handful.
Comment by lisa — March 23, 2008 @ 9:21 am
Thanks for putting these on the net! They really helped – can’t figure out why the choices in GMaps are so limited. Best wishes, and may you always find what you need on the net!
Comment by Kit — April 3, 2008 @ 6:31 am
many thanks Ben – very useful
Comment by David — April 22, 2008 @ 11:02 am
Hey, thanks for this. Though I went a step further and saved PNGs of the letters and PNGs of the blank backgrounds. Now I only have 36 images instead of 260+. I just do this:
Then I position the div where I need it :) Great work with this, it saved me LOADS of time! :)
Comment by Curt — April 25, 2008 @ 11:45 am
darn! html tags were taken out… a simple view, not real html in any case :)
[div id=pin_a]
[image position:absolute src=red.png /]
[image position:absolute src=a.png /]
[/div]
Comment by Curt — April 25, 2008 @ 11:48 am
Thank you ever so much on behalf of my students who can now take a virtual field trip.
Comment by Bart — April 25, 2008 @ 9:27 pm
Thank you for sharing it to the world! Wow lots of combinations!! Yet they are all in harmony!!!
Comment by Ken WKL — April 29, 2008 @ 3:42 am
Oh by the way, what is the font type?
Comment by Ken WKL — April 29, 2008 @ 3:51 am
Hi,
Thank you for the wonderful job done !!!
Comment by Leela Charan — April 29, 2008 @ 4:53 am
Just what I was looking for. Thanks ever so much!
Comment by Alaric Faulkner — May 11, 2008 @ 11:36 am
Thank you for the nice markers!
Comment by Eric — May 26, 2008 @ 6:23 pm
Nice job! And very generous of you to share. Thanks so much!
Comment by Joey — June 1, 2008 @ 1:14 pm
Fantastic. This is exactly what I was looking for while fearing if I have to do myself. :-)
Comment by Kannan — June 5, 2008 @ 9:45 am
Thanks for your work. I’ll use these markers on my intranet :)
Comment by AstroMan — June 19, 2008 @ 5:24 am
Thanks so much, especially for the psd. Saved me a bunch of time.
Comment by Bob — July 4, 2008 @ 12:22 pm
Great Work. Thanks!
Can you send me, the red_letterS in big size?
It’s for print it like a poster!
Thanks again!!
Comment by German — July 8, 2008 @ 7:38 am
Thank you!
Comment by Xander — July 14, 2008 @ 4:49 pm
Thanks for the great effort
Comment by Anam — August 8, 2008 @ 1:41 pm
Many thanks for this great timesaver.
Comment by Paula Landart — August 22, 2008 @ 9:41 am
Thank you so much for this, REALLY handy and the hard work is appreciated!
So annoying you can’t set different colours in the GMaps API!!
Cheers
Comment by Minos — August 25, 2008 @ 2:09 pm
how do i link to the images to use them on google maps?
Comment by shag — September 1, 2008 @ 8:26 pm
Thanks for sharing. :-)
Comment by Hanwen — September 6, 2008 @ 2:20 am
Thanks so much! Just what I needed.
Comment by Simon — October 16, 2008 @ 12:30 am
Thanks. Awesome!
Comment by David — October 23, 2008 @ 7:04 am
thanks for sharing, i use it !!
Comment by nicolas — October 23, 2008 @ 9:50 am
Awesome! Thanks.
Comment by Kawasaki Z750 — December 6, 2008 @ 12:30 pm
Thanks so much, just what I needed!
Comment by Jim — December 29, 2008 @ 4:33 am
What a great job!! And how many beers did it take? :)
Thanks for sharing!
Comment by Alan — January 16, 2009 @ 1:38 am
Hi everybody!
I’ve just downloaded the icons’ set, but how can I upload them in my maps?
thanks!!!
Comment by Andy — January 19, 2009 @ 4:06 am
thanks!! what a great share! keep up the good work!
Comment by jawele — January 19, 2009 @ 9:29 am
thankyou thankyou big big help
Comment by Jason — January 29, 2009 @ 5:01 pm
Sorry, but all icons are scretch in the width.
So I think the icon must all be 32×32 and not 22×32.
Comment by Carsten Giesen — February 6, 2009 @ 2:19 am
Thanks!!! Another happy searcher.
Comment by fra John — February 10, 2009 @ 10:18 am
Thank you! Stylish and exactly what I needed.
Comment by David Vallance — February 14, 2009 @ 8:34 am
[...] Actually finding something to fit the bill was tricky, eventually after some hunting I hit on this post at benjaminkeen.com which had a set of markers (and a PSD file, hurrah!) from A-Z in 10 different colours. [...]
Pingback by » Google Map Markers - 1 to 36 » skiptotheend — February 16, 2009 @ 2:49 pm
Nice. Do you have all of them in a grid as a single PNG image. Like the picture on this page. I would make a script that uses that as a sprite. Google Maps Api supports two dimensional sprites now.
Comment by Esa — February 22, 2009 @ 1:58 pm
Great!
Comment by Juan — February 24, 2009 @ 9:27 am
Awesome, thanks!
Comment by ethan — March 6, 2009 @ 2:26 pm
Hello
Thanks for the markers, I’ve downloaded them to my comp, be how do I import them into google maps?
Comment by Linda — March 8, 2009 @ 1:09 am
What a star – thanks so much for those!
Comment by Simon Brandon — March 16, 2009 @ 1:12 pm
This has saved me a lot of “frigging” – thanks for sharing.
Comment by rossisen — March 24, 2009 @ 4:56 am
excellent. thanks!
Comment by wp — April 4, 2009 @ 8:05 am
Nice..
You could’ve ran a batch job in Adobe PS and saved yourself a LOT of time and hassle.. lol. TY anyway and gj
Comment by Brandon — April 4, 2009 @ 12:35 pm
Thanks!
Comment by Adam — April 7, 2009 @ 7:11 pm
Many Thanks!!!
Appreciated…
Comment by Clarence — April 23, 2009 @ 12:24 am
Thanks a lot – exactly what I needed for a project!!!!
Comment by Chris — April 23, 2009 @ 7:27 am
Thank you! Now to find a shadow to go with it…
Comment by ben — May 18, 2009 @ 2:20 pm
Does anybody has a vectorial (SVG maybe) version of the marker icon?
Thanks.
Comment by Martin Irigaray — May 28, 2009 @ 9:11 am
Thanks a lot – exactly what I needed for a project. Great job.
Comment by Sheela — June 9, 2009 @ 10:20 am
These are great but after downloading them how do I upload them to my map? Thanks.
Comment by JB — June 15, 2009 @ 4:46 pm
WOW thanks for the effort in creating these pics.
Comment by CD — June 17, 2009 @ 8:56 am
Nice one (or rather, nice 260). Saved me an hour of Photoshop tedium! Thanks.
Comment by Ken McMahon — July 10, 2009 @ 2:22 am
Nice one! Still can’t believe google haven’t cottoned on with this yet.
Comment by Shaunny — July 22, 2009 @ 3:13 am
Very useful – thanks! You might have added a blank marker and one with a dot – for each colour.
Comment by Ashit Sarkar — August 11, 2009 @ 8:10 pm
Benjamin…so, how does one get map icons into the google maps app?
Comment by dan — August 12, 2009 @ 5:10 am
Great work! after lot of google search found this, very good collection.
Comment by mike fast — August 15, 2009 @ 12:47 pm
thank you very so much
Comment by WSK — August 19, 2009 @ 12:14 am
Job done. Nice one mate.
Comment by RDR — August 24, 2009 @ 1:23 pm
These are perfect: just what I needed.
Many thanks!
Comment by Kate — August 31, 2009 @ 2:13 pm
Thanks from Brazil! Superb work.
Comment by Luiz Roberto — September 1, 2009 @ 11:46 am
Fantastic Job! Thank you very much…
Comment by Zeah — September 6, 2009 @ 6:44 pm
Thank you for doing this. It looks like you’ve saved a lot of designers a huge amount of time, trial and errors… Have a good person medal!
Comment by DHP — September 8, 2009 @ 2:14 pm
Thanks a huge bunch! You saved me a ton of time!
Comment by Christine — September 10, 2009 @ 3:46 am
I love you! I was just about to do it my self! By then i found your solution. Thanks dude!
Comment by Theodor — September 12, 2009 @ 11:08 am
your icons really SUCK.
i wish that you never made them….
Comment by frank rizo — September 15, 2009 @ 11:48 am
hahahahahhaha thanks Frank! :-)
Comment by ben.keen — September 15, 2009 @ 11:50 am
Thank you so much!!!
Comment by Constance — September 16, 2009 @ 5:11 pm
Brilliant icons, but I can’t do anything with the PSD file: Irfan View, which as you know can do anything, just shows it as a single image even though it’s a half megabyte file: what’s the secret please?
Comment by pendle — September 27, 2009 @ 5:04 am
Thanks for your work. However, when I print the Google maps marked with your icons, they don’t appear correctly but are all red with a black star inside… Do you know where the problem come from ? I have tested printing with IE and Mozilla.
Thanks in advance for your help !
Comment by Xav — October 7, 2009 @ 2:45 am
I re-post my comment, it seems that it has been deleted !
Thank you very much for your work ! But di you know why when I print the maps with your icons, they all appear red with a star inside ! Should you have some information to fix this problem, please let me know.
Thanks you in advance
Xavier
Comment by Xav — October 7, 2009 @ 8:27 am
Okay, this may seem very obvious to some, but how to I get these to my googlemaps. I downloaded them and have the zip, but that’s about the extend of my computer skills. I have a MacBook and use FireFox if that’s any help. Any help?
Comment by Timothy Young — October 28, 2009 @ 10:46 am
Thanks a bunch!!
Comment by Salil — November 19, 2009 @ 8:42 pm
thank you, exactly what i was looking for !
Comment by Lauf — November 29, 2009 @ 6:43 am
Thank you so much! I’ve been trying to finish a project for a few days now, not knowing how to do it just right, and this solves my problems!
Comment by Greg — December 8, 2009 @ 4:09 pm
Thank you very much for sharing.
Comment by Sue — December 13, 2009 @ 4:58 pm
Re: comment #3 and not being able to open the psd in Paint Shop Pro. I am using PSPvX and am able to open and use your psd just fine. I am able to save the file compatible with PSPvX [10] and below if anyone wants.
Comment by Sue — December 13, 2009 @ 5:08 pm
I recomand you something like that..
http://ovimihai.110mb.com/src/img/place2.php?p=A2&c=3
you can generate any 3 leter+number combination..
with a small modify you can generate the actual files…
Comment by ovi — December 22, 2009 @ 7:14 am
Hey, great job. just unizipped into a folder /shared/img/markers and changed this line in my JS.
letteredIcon.image = “/shared/img/markers/Blue_marker” + letter + “.png”;
Brilliant work and thank for donating something for the greater good. Me too, cannot understand why Google had not done that – they can do it for static maps …
Comment by Paul Geraghty — February 6, 2010 @ 9:33 am
thanks so much for sharing these!
Comment by Charles — February 26, 2010 @ 10:11 am
Dude, thanks a lot!
Comment by Yaroslav — March 19, 2010 @ 9:06 am
can someone upload the versions with 1-10. I dont have photoshop… thx
Comment by hao — April 6, 2010 @ 1:50 am
Thanx!!!! i was looking for this really long time….
i really appreciate!!!
Comment by kyung yeol kim — April 10, 2010 @ 12:14 am
Thanks guy…this really helped us out!
Comment by s Jochums — April 14, 2010 @ 3:09 pm
Thanks for your great iconset.. really save my time.
Comment by Joao Kho — April 14, 2010 @ 8:25 pm
Just what I was looking for. Thanks!
Comment by Steve — April 19, 2010 @ 5:28 am
Nice, good job.
Comment by Tsunllly — April 25, 2010 @ 4:08 pm
How about using the MapIconMarker library to dynamically create the markers in different colours?
http://gmaps-utility-library-dev.googlecode.com/svn/tags/mapiconmaker/1.1/examples/markericonoptions-wizard.html
Anyway, thanks for sharing!
Comment by Kris — April 29, 2010 @ 7:14 am
Thank you very much exactly what I was looking for – they are really the cleanest & neatest once I’ve seen!
Comment by Hakan Usakli — May 11, 2010 @ 4:11 pm
This is great!!! really helpful
Comment by Lisa — May 27, 2010 @ 8:33 am
Many thanks, makes map on website look decent.
Comment by Martin C — June 17, 2010 @ 8:55 am
hi, thanks so much, it was exactly wthat I was looking for, thank for share it with us = ),
Comment by liz — June 21, 2010 @ 9:05 am
Thanks so much!!
Comment by Morteza — June 27, 2010 @ 8:38 pm
was very helpful, thx
Comment by Koosjan — July 1, 2010 @ 12:52 am
Thank you very much for taking the time to make these icons and share them too. These will be very helpful.
Comment by Dave — July 23, 2010 @ 10:19 am
Thanks, this was hugely helpful. All I wanted was a green icon, don’t know why google doesn’t have it built in to the v3 API. Then I searched all over for one and finally stumbled upon this.
Comment by peel — August 25, 2010 @ 11:53 am