Chinaunix

标题: GOOGLE MAPS API 入门 [打印本页]

作者: 杨竹青 时间: 2008-07-30 11:17
标题: GOOGLE MAPS API 入门
1.首先需要申请一个GOOGLE的帐户，可以在这里申请https://www.google.com/accounts/ ... le.cn/&hl=zh-CN
（虽然说是免费的东西，但怎么都用的是人家的货，哎，人在屋檐下不得不低头啊）

2.有了一个自己的google帐户后就可以向google申请一个使用GOOGLE MAPS API的密匙，申请时需要填入你的google帐户名和你要在哪个网站上使用GOOGLE MAPS API的网站的域名（没有自己域名的可以下载一个花生壳软件，然后自己注册个一个域名就可以了。花生壳官方下载地址http://www.oray.cn/PeanutHull/PeanutHull_Download.asp)
  在这里申请密匙http://code.google.com/intl/zh-CN/apis/maps/signup.html

3.申请完之后google会自动帮你生成一个测试网页，大概的代码如下：
复制内容到剪贴板
代码:
<!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=ABQIAAAAISetqWWIA5X96bWJUPC4FxQRG4sgvVc63cl_aTu7pJrBWLekihRhsHtLXg6zK3pXSKMQSMeWR79c3w"
   type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
   if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
      map.setCenter(new GLatLng(39.917, 116.397), 14);
   }
}
//]]>
</script>
  </head>
  <body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>
key=ABQIAAAAISetqWWIA5X96bWJUPC4FxQRG4sgvVc63cl_aTu7pJrBWLekihRhsHtLXg6zK3pXSKMQSMeWR79c3w
等号后面不知所云的一长串部分是我申请时google给我的密匙，把它改成你申请时得到的密匙就可以了
替换密匙之后直接把上面这段代码拷贝到你的网页编辑工具里面，我用的是vs2008，运行测试就可以了

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)