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,520 points
1,238 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,840 points
1,863 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,840 points
832 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 864 views
0 votes
1 answer

How to create a simple map using JavaScript/JQuery

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

answered Jun 27, 2022 in Web Development by rajatha
• 7,680 points
1,368 views
0 votes
1 answer

How to Fade In/Out multiple texts using CSS/jQuery like on Droplr?

The jQuery fadeIn() method is used to ...READ MORE

answered Jun 29, 2022 in Web Development by rajatha
• 7,680 points
1,449 views
0 votes
0 answers

how to trigger on jquery.smart wizard Finish button?

Iam very new in jquery. here is ...READ MORE

Jul 19, 2022 in Web Development by gaurav
• 23,260 points
2,612 views
0 votes
0 answers

How can I specify Google map with driving direction in jQuery mobile

I have done a Google Maps based ...READ MORE

Jul 20, 2022 in Web Development by gaurav
• 23,260 points
591 views
0 votes
0 answers

How to make notices pop up as jquery on Ruby on Rails 4

I have a user controller with the ...READ MORE

Jul 28, 2022 in Web Development by gaurav
• 23,260 points
448 views
0 votes
1 answer

how to rotate image image 3d in jquery on swipe up and swipe down

If you're not using one of the ...READ MORE

answered Aug 4, 2022 in Web Development by rajatha
• 7,680 points
1,974 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP