Google Maps API通过javascript使我们可以在自已的网页中加入google地图,Map API也是我们访问Google 地理数据信息的唯一途径.
首先,用户需要为自已的网页注册一个Key,
点击注册.
这个key可以用于所注册域名下的所有页,无需另外在为单个页面注册.
以下是Google Maps API的HelloWorld程序
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
6 <title>Google Maps JavaScript API Example</title>
7 <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAJP-YZL2kXsXmU6CW2Ff4ghRi3W3aTLUj6-9ANWNvLcE6lTcsSBQHzXPj1RHr0Qe2YgnBHFrPeJa29w"
8 type="text/javascript"></script>
9 <script type="text/javascript">
10 //<![CDATA[
11
12 function load() {
13 if (GBrowserIsCompatible()) {
14 var map = new GMap2(document.getElementById("map"));
15 map.setCenter(new GLatLng(37.4419, -122.1419), 13);
16 }
17 }
18
19 //]]>
20 </script>
21 </head>
22 <body onload="load()" onunload="GUnload()">
23 <div id="map" style="width: 500px; height: 300px"></div>
24 </body>
25 </html>
你需要将其中的
key=abcdefg换为之前得到的KEY,这样,你将可以在浏览器中看到(
37.4419, -122.1419)的地图了.
如我的Key=ABQIAAAAA1BJph7bZ39cOcEORJggVxSxETDxumoco9DMR7jvxeJiV6VJwRQHrh1ZGu67aSPt25a6Vhb-cog4Qg
其中<div id="map" style="width: 500px; height: 300px"></div>就是Google Map用来显示其地图的层.
Google Maps API