Amit Bhawani Blog

Stay Updated!

Powered by Genesis

You are here: Home / Google / How to Add Google Maps in Wordpress Blog Posts

How to Add Google Maps in WordPress Blog Posts

October 31, 2008 by Amit Bhawani 6 Comments

Google Maps WordPress Posts EmbedDo you want to guide your visitors in your wordpress posts by adding a Google Map in your blog post? Its not as simple as adding a video to your blog post because you need a wordpress plugin to make this work along with Google Maps API which you need to signup.

Signup for Google Maps API Key
In order to get started with Google Maps API Key you need to signup here – http://www.google.com/apis/maps/signup.html. This API allows you to embed google maps into your webpages be it wordpress based blogs or any other web pages. A Single API key is valid for complete domain ie any directories under it and these key’s are provided on domain name basis.

Generate Google Maps API Key

Once you enter your specific domain name on which you are going to embed these maps you get the API key.

Google Maps API Key

Next you need to download Inline Google Maps WordPress Plugin from WordPress Plugins Directory. Upload the plugin to your wp-content>plugins folder and Activate it. Under the Settings>Inline Google Maps Tab you can find settings of this plugin. Here you need to enter your Google Maps API Key which you recieved using the above process.

Iam using this plugin on my jobs website and trying to help the website visitors in easily finding the job locations by embedding location maps with the posts. You can specify the Maps langauge ie English/Japanese and also change the settings of the Width & Height of the map if your theme does not allow you the normal maps size.

Google Inline Maps Plugin Setup

Now the plugin is activated, API key entered and its ready to start working. Next you need to check out Google Maps, for your required location. Iam looking to add a Google Map in a article named as Jobs in Las Vegas where i will need Las Vegas Location Map, which i can find using the search box in google maps.

Once the Map is loaded you can find Link option in the right side top corner of the map, which you need to click to get the ‘Paste Link in email or IM‘ code. Copy the code and then enter into your wordpress blog’s Write Post section.

Google Maps Embed Code

In the blog’s Write Post section you need to write a small line like ‘Map’ and click on ‘Insert/Edit Link‘ option to get the Insert Link box. You need to make sure that the title should be ‘googlemaps’ for this thing to work.

Insert Google Maps Link Code

Once you add this link code, and publish the map works perfectly. Try out implementing this process in your blog in case you are looking to add Google Maps in your blog.

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)

Related

About

My name is Amit Bhawani and here I like to share my internet/tech experience with my online readers. You can follow me on Twitter, Facebook & Instagram at @AmitBhawani I am also the Editor-in-Chief of PhoneRadar & Master Gadgets

About Amit Bhawani

My name is Amit Bhawani and here I like to share my internet/tech experience with my online readers. You can follow me on Twitter, Facebook & Instagram at @AmitBhawani

Comments

  1. idrish says

    March 2, 2009 at 9:57 am

    hi..very well explained..should i assume that it would not be possible to add google maps to my wordpress blog..i dnt have access to hosting service..my blog is located in the wordpress domain..Is there any way where i can add this to my blog..thanks a lot…

    Reply
  2. phani says

    May 28, 2009 at 10:02 pm

    Hey thanks buddy, it was pretty helpfull, and neatly explained too….

    bye bye oooooo

    Reply
  3. Tom Hermans says

    February 6, 2010 at 6:36 am

    Euhm.. in the documentation you need to give the link a title of googlemaps, in the screenshot it’s googlemap, but both don’t work..

    Just use the iframe option googlemaps provides. No hassle at all.

    Reply
  4. Shaheen says

    July 24, 2010 at 7:52 am

    Hi Amir, this didn’t work for me. I’m trying to embed a map in this post: http://purplefoodie.com/baking-in-bombay/

    I tried your method when the plain copy-pasting of the iframe didn’t work..thanks for your help.

    Reply

Leave a Reply Cancel reply

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

Comment moderation is enabled. Your comment may take some time to appear.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Timeline

Check out Just EV Tweets by @amitbhawani

Recommended To Read

  • Data Patterns (India) Limited IPO Details
  • Medplus Health Services Limited IPO Details
  • Rategain Travel Technologies Limited IPO Details
  • Anand Rathi Wealth Limited IPO Details
  • Tega Industries Limited IPO Details