老三的BLOG

关注google、关注百度、关注google earth

« Google高薪聘24岁港大生年薪 72万港元911事件视频 »

昨天我用google maps API给首页添加了Earth卫星地图


昨天我在网上看到有些网站自己有google的卫星地图,可以像google earth软件那样在地图上查找自己感兴趣的建筑、风景名胜等。

觉得比较有意思,以是我自己也研究了一下,花了一点时间终于也在我的blog上也弄了一个卫星地图,是一个我自己住的地方的卫星图。有个圆形建筑,我就在这个的旁边。

我是用google提供的google maps API服务做成的卫星地图,也不是特别难,可以分成以下几步就做成了。

1.去google maps api页面,注册属于自己网站的一个key。

2.然后把上面提供的一段代码复制下来,做成一个html文件,放到自己网站上去,测试一下,不出意味就可以测试成功。(注意:在本地测试肯定通不过的,必须上传到网站上测试,并且一定要用自己拿到的key,用别人的key是不能显示的。)

<!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=abcdefg"
            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>


3.然后根据google maps api提供其它信息以及自己的兴趣爱好对代码进行相应的修改,比如:添加放大、缩小、按方向移动功能,还有添加不同的显示模式。我自己是做成一个asp文件,还弄了一个access数据库,然后再用JS调用,这样就可以缩短代码,使代码更简洁。

Google Maps API页面是英文版本,现在没有中文版本,但是网上有很多热心google fans已经把相关信息翻译成中文了,所以如果你觉得英文很麻烦的话,你到baidu去百度一下或者到谷歌去google一下,就可以找到很多这方面的资料。

不用多长时间,你也可以自己搞一个出来!

更多Google Maps API资料:
1.
http://www.hilaosan.com/post/google-maps-api-source.html

2.
http://www.step1.cn/GoogleApi/map2/documentation.htm
  • quote 1.anonymous
  • http://gearth.go.2288.org
  • 然后根据google maps api提供其它信息以及自己的兴趣爱好对代码进行相应的修改,比如:添加放大、缩小、按方向移动功能,还有添加不同的显示模式。我自己是做成一个asp文件,还弄了一个access数据库,然后再用JS调用,这样就可以缩短代码,使代码更简洁。
    我现在也正在学习api,对你这个实现比较感兴趣,希望能多交流!我学习的网站
    http://gearth.go.2288.org
  • 2006-9-15 3:19:25 回复该留言
  • quote 3.anonymous
  • 哦,你是不是电信网的,我贴在教育网内,应该教育网和网通连接起来都比较快吧,打的开不?
  • 2006-9-16 0:59:26 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.7 Laputa Build 70216

Copyright 2006 hilaosan.com Rights Reserved. 备案序号:沪ICP备06047717号