Scribd
Upload
6 views2 pages

Google Maps Location Embed Example

Uploaded by

hopeadekunle.81
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views2 pages

Google Maps Location Embed Example

Uploaded by

hopeadekunle.81
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Google Map Example</title>

<style>

body {

font-family: Arial, sans-serif;

text-align: center;

background: #f4f6f8;

margin: 0;

padding: 20px;

h2 {

margin-bottom: 15px;

color: #333;

.map-container {

width: 100%;

max-width: 800px;

margin: auto;

border-radius: 12px;

overflow: hidden;

box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);


}

iframe {

width: 100%;

height: 450px;

border: none;

</style>

</head>

<body>

<h2>📍 My Location on Google Maps</h2>

<div class="map-container">

<iframe

src="[Link]
2d3.379206714752739!3d6.524379424192222!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!
1s0x103bf4fbbcc79c59%3A0x8d8ef9b1f8!2sLagos%2C%20Nigeria!5e0!3m2!1sen!2sng!
4v1673456789012"

allowfullscreen=""

loading="lazy"

referrerpolicy="no-referrer-when-downgrade">

</iframe>

</div>

<p>codewithcharles</p>

</body>

</html>

You might also like