Linux, Programming, Telephony, Asterisk, Apache, Tips & Tricks » Google Map Key http://shahidz.com Passionate About Technology Sun, 10 Jan 2010 17:38:11 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Google Maps API http://shahidz.com/google-maps-api/ http://shahidz.com/google-maps-api/#comments Thu, 14 Feb 2008 12:38:08 +0000 Shahid http://shahidz.com/?p=7 What is the Google Maps API?

The Google Maps API lets you embed Google Maps in your own web pages with JavaScript. The API provides a number of utilities for manipulating maps (just like on the shahidz.com/map.php web page) and adding content to the map through a variety of services, allowing you to create robust maps applications on your website.

For enabling Google Map in your site you need a key. You can generate the key from this link : http://code.google.com/apis/maps/signup.html

Google Map API

Example program for a simple Google Map showing Cochin
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<title>Google Maps JavaScript API Example</title>
<script src=”http://maps.google.com/maps?file=api&v=2&key=GIVE YOUR GOOGLE MAP API KEY HERE”
type=”text/javascript”></script>
<script type=”text/javascript”>

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
// map.setCenter(new GLatLng(37.4419, -122.1419), 13);
// map.setCenter(new GLatLng(8.81355,77.335328), 7);
map.setCenter(new GLatLng(9.91355,76.335328), 11 );
}
}

//]]>
</script>
</head>
<body onload=”load()” onunload=”GUnload()”>
<div id=”map” style=”width: 500px; height: 500px”></div>
</body>
</html>

Share/Bookmark]]> http://shahidz.com/google-maps-api/feed/ 2