HTML - Google Map

To embed a Google Maps into an HTML document, you can use the Google Maps Embed API or the iframe method. Here's an example of embedding a Google Map using the iframe method:

html
Copy code
<!DOCTYPE html>
<html>
<head>
  <title>Google Maps Embed</title>
</head>
<body>
  <h1>My Map</h1>
  <iframe
    "
    height="450"
    frameborder="0"
    style="border:0"
    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3268.912644364553!2d77.56310360118064!3d13.00927630370593!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae170599b97005%3A0x422cc8f2ea00a502!2sxklsv%20internet%20media%20pvt.%20Ltd.!5e0!3m2!1sen!2sin!4v1684421017634!5m2!1sen!2sin"
    allowfullscreen
  ></iframe>
</body>
</html>

In this example, an iframe element is used to embed the Google Map. The src attribute of the iframe contains the URL of the embedded map, which is generated by Google Maps. You can customize the URL parameters to specify the location, zoom level, and other settings of the map.

Make sure to replace the src attribute value with the URL of the map you want to embed. You can obtain the correct URL from the "Share" or "Embed" options provided by Google Maps.

Adjust the width and height attributes of the iframe to fit your desired dimensions. The frameborder attribute is set to "0" to remove the border around the map. The allowfullscreen attribute enables the map to be displayed in fullscreen mode.

Save the HTML code in a file with a .html extension, open it in a web browser, and you will see the embedded Google Map on your webpage.