Using Google Maps for your own Wandering Map

Posted by on January 14, 2013

We recently got a comment from a reader about our wandering map – what we used & how exactly we got it on our website. Overall, we are big fans of Google Maps and after looking at several alternatives, decided to go with them when creating a map that can be placed on our site. We love using it to track what we missed the last time we were in an area, or to actually remember a recommendation from a fellow traveler.

First, with your google log in, head to www.google.com/maps. Click on My Places|Maps and create a new public map.
createmap

Search for a place you want to add to your map – I searched for Craters of the Moon. When you click on the icon, you have an opportunity to save to your map.

craters grab

savetomymaps

 

 

You can then edit your map to display different icons, or you can just leave the spot as the default marker. I like to visually have different icons, as it tells me quickly if it’s a restaurant we need to eat at, or to plan a scenic drive.

google marker

 

When you are ready to post it to your site, just use the button that looks like a chain link fence, and use the code to embed into your website.

chainlink

Something we learned the hard way, and it’s a function of google maps, is that there is a limit of the number of icons that will display. Unfortunately, once you reach this limit, paging occurs. We haven’t done a whole bunch of research yet on how to get around this, but when we figure it out, we’ll update this post!

 Follow us on FacebookTwitter and Instagram!

Related Posts Plugin for WordPress, Blogger...

2 Responses to Using Google Maps for your own Wandering Map

  1. Amy

    Thanks so much for sharing this! Figuring out the best map app and how to use it was on my checklist for our website in progress.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge