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
