|
|
Registered tutorials: 501
Registered Users: 33128
|
|
Rating: 5 out of 2 votes cast
Category: Google Web Toolkit
|
Google Maps
Abstract: This article shows some examples of how Google Map can be incorporated into your web pages
Generating the API Key
To use Google Maps API, you have to generate a unique API key which would work only for the domain and the directory it has been generated for.
If you try to use this key on some other domain the map will not work and the page will display a JavaScript warning to let you know that the API key and the domain do not match.
This however should not be a problem since number of the API Keys is presently unlimited.
To generate your API Keys follow this link http://www.google.com/apis/maps/signup.html
Once you click the "Generate API" button Google will generate both the key and the code required to display a map on your web site's page:
<!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=
ABQIAAAAN3vP09qcWiW03GgCgS184hSUrizVlHHMq6QFvbihY8-nztxMERTA6kEPlJdRsYqJQPU5b0DdGn9LnA"
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);
}
}
//]]>
</script>
</head>
<body onload = "load()" onunload="GUnload()">
<div id = "map" style = "width: 500px; height: 300px"></div>
</body>
</html>
|
Reviews:
Rate and Review This Site
No reviews yet
Statistic Information About this Resource:
| Total Hits: |
446 |
| Unique Hits: |
368 |
| |
Daily |
Weekly |
Monthly |
| |
Unique |
Total |
Unique |
Total |
Unique |
Total |
| Average |
0.6 |
0.7 |
2.1 |
2.6 |
12.2 |
14.8 |
| Current |
1 |
2 |
1 |
2 |
1 |
2 |
| Previous |
0 |
0 |
5 |
5 |
12 |
13 |
| Nov 29 |
0 |
0 |
2 |
2 |
19 |
24 |
| Nov 28 |
1 |
1 |
0 |
0 |
26 |
30 |
| Nov 27 |
1 |
1 |
4 |
4 |
9 |
10 |
| Nov 26 |
1 |
1 |
0 |
0 |
16 |
18 |
| Nov 25 |
2 |
2 |
0 |
0 |
13 |
22 |
| Nov 24 |
0 |
0 |
0 |
0 |
0 |
0 |
| Nov 23 |
0 |
0 |
4 |
6 |
15 |
18 |
| Nov 22 |
0 |
0 |
5 |
7 |
11 |
11 |
| Highest |
4 |
5 |
11 |
16 |
28 |
38 |
|
|
|
Script Execution Time: 4.64212 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2
|
