How to 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.

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 GoRoam code into the HTML of your page. You can find the code to copy and detailed instructions here: [1] Also check the GoRoam tutorials to see if there is already a how-to for the platform you use.
2. Geotag images, text, and links on your web page. If you do not know the latitude/longitude you want to tag, use GoRoam's lat/lng search tool: [3]. For detailed instructions, see [4] or see if GoRoam already has a tutorial for the *platform you use.
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): <div id='map' style='height:300px; width:400px;'></div>. For detailed instructions, see [6]or see if GoRoam already has a tutorial for the platform you use.

Source : www.wikihow.com