File "maps-20260907124820.html"

Full Path: /home/chawlag2/public_html/cars/maps-20260907124820.html
File size: 997 bytes
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html>
<html>
<head>
    <title>Google Map in Table Cell</title>
    <style>
        /* Make sure the map cell has enough space */
        #map {
            width: 400px;
            height: 300px;
        }
    </style>
</head>
<body>

<table border="1" cellpadding="10">
  <tr>
    <td><strong>City</strong></td>
    <td><strong>Map</strong></td>
  </tr>
  <tr>
    <td>Lahore</td>
    <td>
      <div id="map"></div>
    </td>
  </tr>
</table>

<script>
function initMap() {
    var lahore = { lat: 31.5204, lng: 74.3587 };

    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 13,
        center: lahore
    });

    var marker = new google.maps.Marker({
        position: lahore,
        map: map,
        title: "Lahore"
    });
}
</script>

<!-- Replace YOUR_API_KEY with your actual API key -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDw4MB66rEcRE4SwORtm24xydvkRnfPAUc&callback=initMap">
</script>

</body>
</html>