Seattle Web Design 
Simple Google Map Tutorial
This is how you can initiate google map on your web page:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Simple Map</title> | |
| <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> | |
| <meta charset="utf-8"> | |
| <style> | |
| html, body, #map-canvas { | |
| height: 100%; | |
| margin: 0px; | |
| padding: 0px | |
| } | |
| </style> | |
| <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> | |
| <script> | |
| var map; | |
| function initialize() { | |
| var mapOptions = { | |
| zoom: 18, | |
| center: new google.maps.LatLng(47.7, -122.333) | |
| }; | |
| map = new google.maps.Map(document.getElementById('map-canvas'), | |
| mapOptions); | |
| } | |
| google.maps.event.addDomListener(window, 'load', initialize); | |
| </script> | |
| </head> | |
| <body> | |
| <div id="map-canvas"></div> | |
| </body> | |
| </html> |