how-to-use-google-map-in-website

How to use Google Map in website

To use Google Maps in a website is a widespread feature; here in this blog, we will learn how to embed Google Maps in the website. There are some following steps:

Step 1:  Go to Google map link (https://www.google.co.in/maps)

Step 2:  In the Search bar, type the address, whatever you want to use.

Step 3:  Click on the share button, there will pop up box appears:

In the pop-up box, click on the embed a map option.

Step 4: Click on the Copy HTML button.

Step 5: Paste iframe code in your HTML page section wherever you want to show Google Maps.

Complete Code:

<!DOCTYPE html>
<html>
<head>
</head> <body> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.275887302702!2d77.11148211440918!3d28.711299987263835!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d015a0788e74d%3A0x5ac50ee6c1651329!2sNext-G%20Education%20%7C%20Web%20%26%20Graphic%20Design%20Institute%20Rohini!5e0!3m2!1sen!2sin!4v1623304595254!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>< </body>
</html>


Here in this example, replace the iframe tag with your iframe code.

Categories: web designing html

Trending Courses

CodeIgniter

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Advance Digital Marketing

Regular : 6 Months

Fastrack : 3 Months

Crash : 2 Months

React JS

Regular : 45 Days

Fastrack : 20 Days

Crash : 7 Days

Laravel

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Front End Developer

Regular : 7 Month

Fastrack : 4 Month

Crash : 2 Month

Related Blogs

Request For Demo