Responsive iFrame Google Map for WordPress

Are you facing Google Maps API error, MissingKeyMapError & Oops! Something went wrong – This page didn’t load Google maps correctly. See the JavaScript console for technical details than you may easily integrate Responsive Map to post, page or widget by Responsive iFrame Google Map for WordPress Method.

With this method you may have fully functional responsive google map with directions, satellite view, zoom in, zoom out & reviews. This is a very simple method and you may have responsive map within next 5 minute for your WordPress site without the use of any WordPress Plugins.

Responsive iFrame Google Map for WordPress

Responsive iFrame Google Map for WordPress

Go to Google Maps

Search for your place you want to integrate into map

Click on Share

Go to Embed Map tab

Select size for your map & Copy iFrame code

This is the code for your location map. This code is not-responsive. If you are not bothered responsive map than use this code directly to Page, Post or Widget to show Google Map.




Make Responsive Google Map for WordPress

Integrate Responsive Google Map into Sidebar

Go to Appearance > Widgets

On the left side find Text widget & add it to Sidebar

Under Content section Paste Embed code here & Save it

All done you have Responsive iFrame Google Map for WordPress

Integrate Responsive Google Map into Page or Post

***You Must be logged in to view Responsive Google Map for Post***

Preview – Responsive iFrame Google Map for WordPress

This Guide is a part of WordPress Guide series

If you find above post is useful

Don’t forget to give 5-star rating

Dhaval Bhatti

Dhaval Bhatti

Social by nature - Helps people for Android related stuff & to start their own blog based on WordPress by easy to follow guide.

You may also like...

Leave a Reply