第一范文网 - 专业文章范例文档资料分享平台

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

来源:用户分享 时间:2021-06-02 本文由吃货未泯 分享 下载这篇文档 手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

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

<html xmlns="/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

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

<script src="/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提供其它信息以及自己的兴趣爱好对代码进行相应的修改,比

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读,第一范文网,提供最新小学教育用google maps API给首页添加Earth卫星地图全文阅读和word下载服务。

用google maps API给首页添加Earth卫星地图.doc 将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印
本文链接:https://www.diyifanwen.net/wenku/1203548.html(转载请注明文章来源)
热门推荐
Copyright © 2018-2022 第一范文网 版权所有 免责声明 | 联系我们
声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
客服QQ:xxxxxx 邮箱:xxxxxx@qq.com
渝ICP备2023013149号
Top