How To embed Google Maps into your WordPress

You can easily embed Google Maps into your WordPress.com blog.

1) Visit Google Maps.

2) Type in any street address or geographic location and click Search Maps.

googlemaps-search

3) Once your map is fully loaded, click on the Link option found on the top right of the map area.

googlemaps-link

4) A popup will appear, as illustrated below.

googlemaps-code

5) Place your mouse cursor in the text box titled Paste HTML to embed in website. The code will begin with <iframe. Copy the code.

6) In your WordPress.com dashboard, go to Posts->Add New or Pages->Add New (or open an existing post/page in editing mode). Paste the code directly into your visual editor.

googlemaps-paste-code

7) Click Save Draft, Update, or Publish depending on the status of your post or page. You will notice that the code has changed. WordPress has converted the HTML code into the working shortcode.

googlemaps-shortcode

Addtional Info

  • When adding Google Maps to your WordPress.com blog, do NOT manually open the shortcode as you normally do with other services (i.e. do not begin typing the shortcode and then paste the Maps code). This will not work.
  • Unfortunately, you can not add Google Maps to your sidebar. You could use the Email or IM link from Google Maps and place it in a text widget.
  • You can insert multiple maps into a single post or page.
Advertisements

6 thoughts on “How To embed Google Maps into your WordPress

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s