*** HTML CODE ***
<!DOCTYPE html>
<html>
<head>
<style>
#map {
width: 500px;
height: 500px;
}
</style>
</head>
<body>
<h1>A Google Map</h1>
<p>Center of downtown in Indianapolis, IN </p>
<div id="map"></div>
<script src="js/google-map.js"></script>
</body>
</html>
*** JavaScript code (in attached file) ***
// JavaScript source code
function init() {
var mapOptions = {
center: new google.maps.LatLng(39.7685571, -86.1578993, 19),
mapTypeId: google.maps.MapTypeId.SATELLITE,
zoom: 18
};
var myMap;
myMap = new google.maps.Map(document.getElementById('map'), mapOptions);
}
function loadScript() {
var script = document.createElement('script');
script.src = 'http://maps.googleapis.com/maps/api/js?sensor=false&callback=init';
document.body.appendChild(script);
}
window.onload = loadScript;
