Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
menders
/
cars
/
js
:
maps.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!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>