Add Google Maps to Your Website or Blog

This article will show you how to add a fully functional Google Map to your web page or blog post, then geotag images, text, and links directly on the page. Anything you geotag on the page will be displayed on the map, allowing your readers to easily find those geotagged items. This is great for documenting road trips, giving travel advice, mapping trails, or anything else you can think of.

Steps

  1. You need to include the code on your website. Don't worry - this isn't as complicated as it sounds; you just need to copy-and-paste. Start by generating a Google Maps API key, then copy-and-paste the Google Maps and Go Roam code into the HTML of your page.
  2. Geotag images, text, and links on your web page.
  3. Add the map to your page. In the HTML code of your web page, add a container for the map (see the image for what it looks like):
    .



Warnings

  • This will not work on blogging platforms that do not allow you to include "script" tags. This includes Wordpress and Myspace.

Things You'll Need

  • A website or blog

Related Articles