preload preload preload preload

Google Maps API

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
  • Leave a Reply

    * Required
    ** Your Email is never shared