Google Maps Tutorial Is Or In Addition To Therefore Other Mode To Growth Your Net Turn A Profit !

In this tutorial I volition exhibit how to add a uncomplicated map (Google map) to your blogger Blog. Okay, hither is a tutorial!

In this tutorial yous volition uncovering a Google Map that does non plough over the right location of weblog nucleus Head office, but it would plough over them if I solely would hold upwards in addition to therefore sort to render the exact GPS location. So written report on if yous desire to sympathize how yous could add together this map to your blogger Blog.

Before yous embark, yous bring to know a few things, only to appreciate what is happening.

To succeed amongst Google Maps, Google has presented a lot of criterion JavaScript functions. Those functions are used to push clitoris the map, add together markers, in addition to add together map controls (zooming, panning, etc). All these JavaScript functions jointly are called the Google Maps API (Application Programmers Interface). Those functions plough over us in addition to boundary to piece of work amongst the maps.

Next, yous volition require a fundamental to piece of work amongst Google Maps. This fundamental is provided for a certainly url. For each weblog or website yous have, yous volition involve a key. You tin plough over the axe larn a fundamental here. This fundamental is a real long row of lettering. Don't endeavor to type it over, only re-create in addition to glue it into the code.

You bring to seat inward only about javascript code to the caput of your template. Insert it only inward a higher house the </head>-tag.

The map itself volition hold upwards drawn inside a <div id="map">. You tin plough over the axe seat this div anyplace, inward a post, inward your sidebar, anywhere else.

So, let’s go.

Step 1: Save your template.

Step 2: add together the next javascript-code to your template head.

<!-- Google Maps -->

<script src='http://maps.google.com/maps?

file=api&amp;v=2&amp;key=YOUR_KEY_HERE' type='text/javascript'/>

<script src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;source=uds-

msw&amp;key=YOUR_KEY_HERE' type='text/javascript'/>

<script type='text/javascript'>

function LoadMap() {

var map = novel GMap(document.getElementById("map"));

map.centerAndZoom(new GPoint(YOUR_LONGITUDE, YOUR_LATITUDE), 3);

var signal = novel GPoint(YOUR_LONGITUDE, YOUR_LATITUDE);

var markertext = "YOUR_MARKER_TEXT";

var marking = novel GMarker(point);

GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml

(markertext);});

map.addOverlay(marker);

}

GSearch.setOnLoadCallback(LoadMap);

</script>

In this code yous bring to insert your ain information on only about places.

YOUR_KEY_HERE: glue your Google Maps Key here.

YOUR_LONGITUDE, YOUR_LATITUDE: move inward your longitude in addition to lattitude here, every bit GPS-coordinates. Find them amongst Google Earth, amongst your GPS-navigator, or amongst a Geocoding-application that converts addresses to GPS-coordinates.

YOUR_MARKER_TEXT: move inward only about text for the marking balloon. You tin plough over the axe occupation html here, but yous bring to escape double quotes yesteryear putting a back-sledge (\) inward front end of it, in addition to yous bring to modify all < yesteryear &lt; in addition to and therefore on.

When yous relieve the template, in addition to switch to only about other screen, yous volition have a alarm massage that your API-key is non applicable. This is caused yesteryear the fact that yous requested the fundamental for your blog's url, in addition to editing the template is done at the beta.blogger.com url. You tin plough over the axe ignore this warning.

Step 3: Place the map on your blog

Now add together the next div to your sidebar or to a post.

< div id="map" style="width:360px; height:260px; border:solid 1px #000000;">Loading map...</div>

Now relieve in addition to enjoy.