I needed to create a map with three locations for a site I am working on. My first step was to search WA and see if anyone had done this. I found an excellent blog showing how someone had done this on their contact page. But I needed to go a step further to add two more locations. And then I decided I wanted to make custom icons to match the color in the logo.

In this tutorial, I will walk you through the steps for creating a Google Map with custom icons to embed on your website.



Join the Discussion
Write something…
Recent messages
jvranjes Premium
Thank you, great tutorial.
How to fix map to have a desired zoom level? Also most of the time when I embed link I just get the world map, only by chance I get the map of the area I want. So I never know what I shall get. Any idea? I have been using some other map source where it was easy to fix this.
Reply
AngelaHall Premium
That is odd. And you are marking the locations when creating the map on Google Maps? If the map has markers it should be showing you that section after it is embed on your site.
For the zoom, I am honestly not sure. I know after I put it on the website, the viewer is given an option to zoom as it is an interactive map. You could check in the Google maps help pages. That is actually how I learned I could make the custom markers.
Reply
jvranjes Premium
Thanks, I shall have to experiment with it.
Reply
Keisi Premium
Thank you Angela, I am thinking of doing this same thing for some of my clients. This tutorial is very easy to follow. The link to the https://mapicons.mapsmarker.com/ web site is a gem. I will be using this also.
Reply
AngelaHall Premium
You're welcome. Isn't it a gem? I loved it and so much more that you can get there!
Reply
boomergp08 Premium
Wow! This was awesome Angela! A couple of weeks ago I was thinking to myself about putting a map on a website I am about to create and I was trying to figure out how to do that.

This training has saved me the time in trying to figure it out. Very well done! I have bookmarked this training and will try this out on my test website before doing it for real on the website I will create. Thanks for this training!
Reply
AngelaHall Premium
Well then - perfect timing Robert :)
Reply
boomergp08 Premium
For me...Yes!
Reply
Kathy331 Premium
You've been busy, another useful training! :)
Reply
AngelaHall Premium
Thank you :)
Reply
bill808 Premium Plus
Amazing. I would never have figured this out without your help. Going to have to take this a step at a time. Thank you again
Reply
AngelaHall Premium
np :) let me know if you have any trouble
Reply
bill808 Premium Plus
Thank you. I have a client who wants a map of his location with icons for near by parking and restaurants. This is going to help
Reply
AngelaHall Premium
Yay, perfect timing :)
Reply
JeanL Premium
That is really awesome! Great job, Angela!!
Reply
AngelaHall Premium
Thanks :)
Reply
Top