0Google MapsExtra Google Maps Icons

I fre­quently use google maps, and have cre­ated quite a few cus­tom maps.  I par­tic­u­larly like using the place­mark icons with the stand­ard col­ours, rather than the cus­tom shape icons.  How­ever, there are only 2 types, in 7 col­ours, for a total of 14, which is fre­quently insuf­fi­cient.

Custom Extra Google Maps Icons

Google Maps sup­ports cus­tom icons, so I have cre­ated a whole series of addi­tion­al icons by using 4 new col­ours, and sev­er­al dif­fer­ent shapes, rather than just dots, in the centre.  In total I have cre­ated 44 extra icons, for a new total of 58, which I hope will be suf­fi­cient.  Update: I have cre­ated a second release of icons, with 114 extra icons, mean­ing there are now 128 place­mark icons avail­able in total includ­ing the ori­gin­al 14.  They can be down­loaded from the down­loads page.  If you would rather down­load them indi­vidu­ally (or link to them dir­ectly from google maps) you can do so — they are all avail­able on my picasa page.  If you want to use the icons on a web­site, I recom­mend down­load­ing the image below, which includes png alpha trans­par­ency, and using css sprites to dis­play the images

Google Maps Custom Extra Placemark Icons v2

Did you like the extra google maps icons?

View Res­ults

Loading ... Load­ing …

Getting the original Google Maps Icons

The ori­gin­al google icons num­ber 183 in total at present.  They are all PNG’s loc­ated at http://maps.google.com/mapfiles/ms/micons/filename.png

At the bot­tom of this post is a com­plete list of all the file names.

Rather than down­load­ing each in turn, I copied the list into a text file, and added some code (as below) at the start and end of each line I used tex­t­pad and did a replace oper­a­tion, using reg­u­lar expres­sions to replace “/n” (new line) with the fol­low­ing

“>icon</a><br>/n<a href=“http://maps.google.com/mapfiles/ms/micons/

I then com­pleted the top and bot­tom lines, which left me with a val­id html file with a list of links to every file.

I then saved the file as .html, opened it with fire­fox, and used the Fire­fox Addon Down­Them­All to down­load all of them in one go.

I have provided an archive with all 183 icons on the down­loads page, but am aware I may be in viol­a­tion of copy­right, hence provid­ing the inform­a­tion above as an altern­at­ive for any­one who wishes to source the ori­gin­al icons them­selves, or incase I am forced to remove the archive

Filename list for original google maps icons

cour­tesy of google employ­ee “pamela”

POI.png
POI.shadow.png
arts.png
arts.shadow.png
bar.png
bar.shadow.png
blue-dot.png
blue-pushpin.png
blue.png
bus.png
bus.shadow.png
cabs.png
cabs.shadow.png
camera.png
camera.shadow.png
campfire.png
campfire.shadow.png
campground.png
campground.shadow.png
caution.png
caution.shadow.png
coffeehouse.png
coffeehouse.shadow.png
convienancestore.png
convienancestore.shadow.png
cycling.png
cycling.shadow.png
dollar.png
dollar.shadow.png
drinking_water.png
drinking_water.shadow.png
earthquake.png
earthquake.shadow.png
electronics.png
electronics.shadow.png
euro.png
euro.shadow.png
fallingrocks.png
fallingrocks.shadow.png
ferry.png
ferry.shadow.png
firedept.png
firedept.shadow.png
fishing.png
fishing.shadow.png
flag.png
flag.shadow.png
gas.png
gas.shadow.png
golfer.png
golfer.shadow.png
green-dot.png
green.png
grn-pushpin.png
grocerystore.png
grocerystore.shadow.png
groecerystore.png
groecerystore.shadow.png
helicopter.png
helicopter.shadow.png
hiker.png
hiker.shadow.png
homegardenbusiness.png
homegardenbusiness.shadow.png
horsebackriding.png
horsebackriding.shadow.png
hospitals.png
hospitals.shadow.png
hotsprings.png
hotsprings.shadow.png
info.png
info.shadow.png
info_circle.png
info_circle.shadow.png
landmarks-jp.png
landmarks-jp.shadow.png
lightblue.png
lodging.png
lodging.shadow.png
ltblu-pushpin.png
ltblue-dot.png
man.png
man.shadow.png
marina.png
marina.shadow.png
mechanic.png
mechanic.shadow.png
motorcycling.png
motorcycling.shadow.png
movies.png
movies.shadow.png
msmarker.shadow.png
orange-dot.png
orange.png
parkinglot.png
parkinglot.shadow.png
partly_cloudy.png
partly_cloudy.shadow.png
pharmacy-us.png
pharmacy-us.shadow.png
phone.png
phone.shadow.png
picnic.png
picnic.shadow.png
pink-dot.png
pink-pushpin.png
pink.png
plane.png
plane.shadow.png
police.png
police.shadow.png
postoffice-jp.png
postoffice-jp.shadow.png
postoffice-us.png
postoffice-us.shadow.png
purple-dot.png
purple-pushpin.png
purple.png
pushpin_shadow.png
question.png
question.shadow.png
rail.png
rail.shadow.png
rainy.png
rainy.shadow.png
rangerstation.png
rangerstation.shadow.png
realestate.png
realestate.shadow.png
recycle.png
recycle.shadow.png
red-dot.png
red-pushpin.png
red.png
restaurant.png
restaurant.shadow.png
sailing.png
sailing.shadow.png
salon.png
salon.shadow.png
shopping.png
shopping.shadow.png
ski.png
ski.shadow.png
snack_bar.png
snack_bar.shadow.png
snowflake_simple.png
snowflake_simple.shadow.png
sportvenue.png
sportvenue.shadow.png
subway.png
subway.shadow.png
sunny.png
sunny.shadow.png
swimming.png
swimming.shadow.png
toilets.png
toilets.shadow.png
trail.png
trail.shadow.png
tram.png
tram.shadow.png
tree.png
tree.shadow.png
truck.png
truck.shadow.png
volcano.png
volcano.shadow.png
water.png
water.shadow.png
waterfalls.png
waterfalls.shadow.png
webcam.png
webcam.shadow.png
wheel_chair_accessible.png
wheel_chair_accessible.shadow.png
woman.png
woman.shadow.png
yellow-dot.png
yellow.png
yen.png
yen.shadow.png
ylw-pushpin.png

Found this useful? Please do let us know by dropping a comment below. If you would like to subscribe please use the subscribe link on the menu at the top right. You can also share this with your friends by using the social links below. Cheers.

Leave a Reply