How to embed google maps in website iframe tutorial

How to embed google maps in website iframe tutorial

Embed google maps for website | add google maps in website contact page | embed location map

As we all know that website is a live preforming thing of the world. Now these day's are of google plus and google maps. As Contact details are important for a website same way Google map also important for increase search performance of a website so today we are going to present a tutorial on how to add or embed google maps for a website in iframe.
now keep reading this post of adding google maps in your web.
Below this line we are going to present a live embedded map for you..
How-to-embed-google-maps-in-website-iframe-tutorial
How-to-embed-google-maps-in-website-iframe-tutorial

Locate or search your place in google maps:-

visit-google-map-for-embed-a-map
visit-google-map-for-embed-a-map
First of all search your address/place which you wanna embed and if you able to find the place then follow the steps which are given below for find your map you have to visit to http://www.google.com/maps as shown in the picture above...

Find the place by there name:-

Search-place-in-google-maps-for-embedding
Search-place-in-google-maps-for-embedding
In Second step after visiting the google maps search your place in the search box as described in the picture above where we have searched our own website's office... after searching you will find your desired search result as above picture we are seeing howtoans ' s official address
If you won't able to find your place then you have to add your place before that and it takes few time near about 1 day to 30 days. if you don't know that how you can add your house /  home / office / school etc. google maps then follow How to add any place in google maps?

How to embed or share google maps:-

sharing-or-embeding-google-maps-for-website
embed-google-maps-for-website
After completing above steps you have to click on the gear icon (setting button) in the right hand down side as shown in the picture above and after that click on share or embed map.

Embed code of google maps:-

embed-google-maps-for-website
embed-google-maps-for-website
When you click on share or embed map you will see a new pop up window in front of you from that you have to click on Embed map option for embed the map if you wanna share the map you can share with the help of share link.... as described in the above picture..

Embed code of a google map:-

How-to-embed-google-maps-in-website-iframe-tutorial
embedded-google-maps-iframe-code
When you click on embed map option you will see a code in the line and there you will see size also you may choose according to your need after that copy the code which is show infront of size copy that and paste on any live page of your website where you wanna show the map...
for more help please see the picture carefully...

Yeeeehhhhhhuuuuuu!
we have completed! we have embed our google maps and after that you can show your google maps.

After today don't ask any one that How to embed google maps in website iframe? , Even that if you have any other question regarding this or any other you may ask us in the box given below and you may tell your other tricks regarding this tutorial...
Give your Valubale answer...

No comments :