Add Google Maps on Your Website Tutorial

There are many websites in which you have seen google map in a contact page to show company location. If any organization has a website then it is mostly seen that you will find a google map on company or organization website. Today we are going to tell you how you can add these functionalities on website within 5 minutes. It helps to know about company or organization location or where it is located. By the help of google map you can easily find distance or location of organization. Follow these tutorial to know how to add Google Maps on your website:

 

STEP 1:

Go to https://www.google.co.in/maps . You will find ‘Search box’ on right top. Then type your desired location.

 

STEP 2:

After typing your location you will see on map all places nearby your typed location.

STEP 3:

After searching your location click on Share and then click on embed map.

STEP 4:

Create file index.html with following code. Now copy the iframe given in lightbox and place it in your code.

[code]

<iframe style="border: 0;" src="<iframe src=" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe>[/code]

 

STEP 5:

Run index.html file.

You may want to take a look at the following related posts:

Also for more awesome tutorials, please don’t forget to like our facebook page Meul Tech .

Bonus: We also give training on following topics:

                       1. Angular Training in Mumbai.

2. Bootstrap Training Course in Mumbai.

3.  Web Designing Training in Mumbai.

4. UI / UX Training.

5. IOS Training Institute in Mumbai.