用google maps API给首页添加Earth卫星地图

更新时间：2023-05-23 02:00:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

用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"

"/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Google Maps JavaScript API Example</title>

type="text/javascript"></script>

//<![CDATA[

function load() {

if (GBrowserIsCompatible()) {

var map = new GMap2(document.getElementById("map"));

map.setCenter(new GLatLng(37.4419, -122.1419), 13);

}

//]]>

</script>

</head>

</body>

</html>

3.然后根据google maps api提供其它信息以及自己的兴趣爱好对代码进行相应的修改，比

用google maps API给首页添加Earth卫星地图

如：添加放大、缩小、按方向移动功能，还有添加不同的显示模式。我自己是做成一个asp文件，还弄了一个access数据库，然后再用JS调用，这样就可以缩短代码，使代码更简洁。

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

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

相关文章：

正在阅读：