How to embed Google map on my website

+1 vote
I Want to include Google map in my website and that should be displayed in an iframe when map button is clicked.
Jan 17, 2020 in Web Development by kartik
• 37,510 points
349 views

2 answers to this question.

+1 vote
1. Search whatever you want to embed.

2.  Click on the share icon.

3.  Select " Embed a map "

4. Copy HTML
answered Jan 17, 2020 by anonymous
Hi. Thanks for the answer.

But can you please explain more in detail?

Thanks
0 votes

To include google map on your website follow the steps:

1. GET A GOOGLE MAP URL:

  • Then  go to https://www.google.com/maps/
  • Type the address in the search .Here I searched for edureka .
  •  Then,click Share and a small pop-up named “Share” appears on your screen.
  • Then, please select the Embed a map tab on the pop-up.
  • To choose the size of the map, please click on the “Medium” button (2) and customize the suitable size. 
  • Finally, please click the “Copy HTML” button (3) to get the Google Map embedded code.

2. Paste the HTML link to your html code where where want to embed.

      

 3.Finally the output will be;

answered Jan 22, 2020 by Niraj

Related Questions In Web Development

0 votes
1 answer

How to track with Google Analytics on a redirection page with PHP?

Hello @kartik, Since the page that is sending ...READ MORE

answered Jul 7, 2020 in Web Development by Niroj
• 82,720 points
866 views
0 votes
1 answer

How can i create transparency to my images?

The transparency of image can be done ...READ MORE

answered Jan 30, 2020 in Web Development by Niroj
• 82,720 points
189 views
0 votes
0 answers

How to start Airbnb Clone for Movies and Events Booking Website?

Instant #Online Movies and Events Ticket Booking ...READ MORE

Feb 17, 2020 in Web Development by Bessie
• 160 points

reshown Feb 18, 2020 by Gitika 414 views
0 votes
1 answer

How to create a simple map using JavaScript/JQuery

var map = new Object(); // or ...READ MORE

answered 22 hours ago in Web Development by rajatha
• 4,060 points
2 views
+1 vote
1 answer

How to access the Angularjs scope of a particular html element from our console?

Hello, You should follow the below steps:-- 1.Compile and ...READ MORE

answered Jan 21, 2020 in Web Development by Niroj
• 82,720 points

edited Jan 21, 2020 by Niroj 702 views
0 votes
1 answer

How to upload zip from the S3 bucket to lambda function using AWS CLI

Hi@Abhishek, You want to upload your zip file ...READ MORE

answered Apr 10, 2020 in Web Development by MD
• 95,360 points
4,294 views
0 votes
1 answer

is there any way to download truffle? how to solve this error

Hello @ aishah , It seems likely that this is ...READ MORE

answered May 25, 2020 in Web Development by Niroj
• 82,720 points
525 views
0 votes
1 answer

How to set up authentication for reactjs and django ?

Hello  yahya , Using both, you can secure ...READ MORE

answered Jun 2, 2020 in Web Development by Niroj
• 82,720 points
900 views
0 votes
1 answer

How to Return JSON from PHP to JavaScript?

Hello @kartik, Php has an inbuilt JSON Serialising ...READ MORE

answered Jul 6, 2020 in Web Development by Niroj
• 82,720 points
891 views
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP