用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">
<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提供其它信息以及自己的兴趣爱好对代码进行相应的修改,比
用google maps API给首页添加Earth卫星地图
如:添加放大、缩小、按方向移动功能,还有添加不同的显示模式。我自己是做成一个asp文件,还弄了一个access数据库,然后再用JS调用,这样就可以缩短代码,使代码更简洁。
Google Maps API页面是英文版本,现在没有中文版本,但是网上有很多热心google fans已经把相关信息翻译成中文了,所以如果你觉得英文很麻烦的话,你到baidu去百度一下或者到谷歌去google一下,就可以找到很多这方面的资料。
不用多长时间,你也可以自己搞一个出来!
正在阅读:
用google maps API给首页添加Earth卫星地图05-23
2014年版初中毕业升学复习指导物理答案05-25
基层动物防疫服务组织运行模式的新探索07-28
神奇的椅子作文400字06-16
2018年幼儿园实习工作计划怎么写模板-word范文模板(3页)03-05
最美教师申报材料05-14
第一章 教师职业道德03-27
第七章 教育实验研究法07-29
公共管理选择题04-23
- 教学能力大赛决赛获奖-教学实施报告-(完整图文版)
- 互联网+数据中心行业分析报告
- 2017上海杨浦区高三一模数学试题及答案
- 招商部差旅接待管理制度(4-25)
- 学生游玩安全注意事项
- 学生信息管理系统(文档模板供参考)
- 叉车门架有限元分析及系统设计
- 2014帮助残疾人志愿者服务情况记录
- 叶绿体中色素的提取和分离实验
- 中国食物成分表2020年最新权威完整改进版
- 推动国土资源领域生态文明建设
- 给水管道冲洗和消毒记录
- 计算机软件专业自我评价
- 高中数学必修1-5知识点归纳
- 2018-2022年中国第五代移动通信技术(5G)产业深度分析及发展前景研究报告发展趋势(目录)
- 生产车间巡查制度
- 2018版中国光热发电行业深度研究报告目录
- (通用)2019年中考数学总复习 第一章 第四节 数的开方与二次根式课件
- 2017_2018学年高中语文第二单元第4课说数课件粤教版
- 上市新药Lumateperone(卢美哌隆)合成检索总结报告
- 首页
- 卫星
- 添加
- 地图
- Earth
- maps
- API
- 汽车离合器膜片弹簧的优化设计3
- 九年级物理教学反思
- 《电网运行准则》介绍-080418
- 大学英语四六级考试万能作文模板
- 中兴通讯硬件一部巨作-信号完整性
- 高等流体力学试题
- 《廉洁讲堂》主持词
- 2011宁夏回族自治区高考试卷含解析考试技巧与口诀
- 福建先张法预应力混凝土管桩基础技术规程
- 园林生态学网上作业题参考答案
- 大学英语4课后习题答案
- S3100华三交换机-01 基础配置指导-整本手册
- 莽荒纪元宝攻略方法大全
- 电大统计学原理小抄
- 小学品德与社会冀人版五年级下册第二单元第3课《面对自然灾害》优质课公开课教案教师资格证面试试讲教案
- 稻盛和夫的经营哲学
- 小学音乐课教学案例
- 旅游线路设计和对比
- 浅谈新形势下城市环境卫生管理
- SAP 基本操作介绍