Creating a Basic Single-Location Map
Let’s start with the opening code. Insert the following lines of code between the <HEAD> and </HEAD> lines of your document:
In this code, replace APIKEY with the license key Google supplied to you, and replace LATITUDE and LONGITUDE with the precise latitude and longitude coordinates of the location you want to map.
In addition, you want to replace ZOOM with a number from 0 to 17. The smaller the number, the wider the view; to zoom into street level, try a zoom of 13 or larger.
Next, you have to need to edit the <BODY> tag to include the following parameters:
<BODY onload="load()" onunload="GUnload()">
Finally, insert the following line of code into the body of your document, where you want the map to display:
<div id="map" style="width: 500px; height: 300px"></div>
You can play around with this last line of code a bit. For example, you can make the map larger or smaller by using different width and height parameters, or center the map on the page by surrounding it with <CENTER> and </CENTER> tags. It’s your choice in terms of formatting.