The project has moved.

A dedicated website, with new features.

Follow this URL :

http://mapicons.nicolasmollet.com

How To Add Our Icons To Your Google Map

• Google Maps
• Put "placemarks" on your map
• Change the default icon
• Copy the URL to the new icon in Firefox
• Copy the URL to the new icon in Internet Explorer
• Copy the URL to the new icon in Safari
• Copy the URL to the new icon in Google Chrome
• Add an icon
• Add information about the icon
• Add more custom icons
• Screencast tutorial
• Your Google Map could look like this
• Create Advanced Google Maps
• Donations
• Contribute or Make a Request

The goal of this tutorial is to help you use the content of this Map Icons Collection project to make your own custom made Google Maps easier to understand, to navigate and in the process also make them more consistent and professional looking for you and everyone else who looks at them.

See the tutorial for Google Earth.

For the purpose of this tutorial we assume that you are pretty familiar with how to create the maps them selves.

Google Maps

1. Log in to your Google account on the Google Maps page
2. Click on the "My Maps" tab
3. Click on either "Create new map" or on an existing map "Created by me"

Put "placemarks" on your map

Once you have "Created new map" or "Edit" an existing one you now have the option to add so called placemarks on the map to pinpoint locations on it.

1. Click on the blue placemark pin icon in the top left corner of your map window
2. Drag the pin and click to place the small black cross below it on the place on your map where you want to put your pin icon. You don't have to be exact since you can move it again later

Change the default icon

In the moment that you mark where you want your icon placed an icon description dialog will show up.

1. Click on the blue placemark pin icon in the top right corner of this dialog

When you do that the dialog will be filled with the standard Google Maps set of icons.

Copy the URL to the new icon in Firefox

Now you need to go back to the page on this project site where you found the icon that you want to use. This because you need to copy it's URL (the address to the location where it is on the project server) so that your Google Map can find it.

1. Right Click on the icon you want
2. Click on Copy Image Location

Copy the URL to the new icon in Internet Explorer

Now you need to go to the page on this project site where you found the icon that you want to use. This because you need to copy it's URL (the address to where it is on the project server) so that your Google Map can find it.

1. Right Click on the icon you want
2. Click on Properties
3. Mark the Address: (URL) by triple-clicking on the URL
4. Right Click on the now highlighted URL
5. Click on Copy

Copy the URL to the new icon in Safari

Now you need to go back to the page on this project site where you found the icon that you want to use. This because you need to copy its URL (the address to the location where it is on the project server) so that your Google Map can find it.

1. Right Click on the icon you want
2. Click on Copy Image Address

Copy the URL to the new icon in Google Chrome

Now you need to go back to the page on this project site where you found the icon that you want to use. This because you need to copy its URL (the address to the location where it is on the project server) so that your Google Map can find it.

1. Right Click on the icon you want
2. Click on Copy Image URL

Add an icon

Now go back to your Google Map.

1. Click on Add an icon in the top right corner of this dialog
2. When you do that an new smaller dialog will show up asking you for a URL to the icon file you wan to use. Right Click in the URL field
3. Click on Paste

1. Make sure the URL is copied with the .PNG extension and Click on OK

Add information about the icon

You will now be back in the icon description dialog.

1. In your top left corner you should now see the new icon you selected instead of the standard blue pin
2. Write the Title of the icon
3. Write the Description of the location
4. Click on OK

You are now done with this icon.

Add more custom icons

The next placemark you put out will have the same icon as default as the on you just put out before. If this is the one you want just point and click as described in Put "placemarks" on your map above.

If you want to add another, different custom icon, you just follow all the steps mentioned above. The only difference will be that when you:

1. Click on the icon in the top right corner of the icon description dialog you will come to the My Icons tab instead of the Default icons you saw earlier. In this tab you will always see all the icons you have used on this specific map.
2. Click on Add an icon in the top right corner of this dialog and follow the steps mentioned above.

Screencast tutorial

Screencast made by institutional etourism french blog.

Watch the screencast explaining how to add icons to your Google "My maps" (in french)

Thank you guys : Pierre Eloy and Benjamin Bastien

Your Google Map could look like this

Tutorial made by Matthias Stasiak.

Create Advanced Google Maps

If you want to create a map and place markers with Google Maps API 3 then follow this tutorial by Gabriel Svennerberg.

Donations

If you feel this project is useful to you and want to support it and it's future development please consider donating money.

Contribute or Make a Request

If you designed your own icons and want to share and publish them in this project, please read about on how to contribute. If you have an idea and/or a suggestion for a new icon in this category, leave a comment at the bottom of this page or create a new Issue in the Issues tab.