免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 3218 | 回复: 0
打印 上一主题 下一主题

GOOGLE MAPS API 入门 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-07-30 11:17 |只看该作者 |倒序浏览
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,运行测试就可以了
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP