<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } </style> <script type="text/javascript" src="http://maps.google.com/maps/api/js"> </script> <script type="text/javascript"> function initialize() { var latlng = new google.maps.LatLng(53.905825, -1.691786); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var marker = new google.maps.Marker({ position: latlng, map: map, title:"Hello World!" }); var infowindow = new google.maps.InfoWindow( { content: "I love Google Maps!" } ); google.maps.event.addListener( marker, 'click', function() { infowindow.open(map,marker); } ); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width:100%; height:100%"></div> </body> </html>