GoogleEarthAPI开发者指南（初级）.docx

Google Earth API开发者指南（初级）2008年07月04日 作者：jscz_ch 来源：其它 浏览?3365 次?简介：记得在学校上编程课时，无论是Basic还是C，课本第一个示例都是“Hello World”。今天，我们开始学习Google Earth API，仍然以这个最简单的小示例开始。下列JavaScript源代码教您如何创建一个包含Google Earth的网页。　第一个小程序——“Hello World”　记得在学校上编程课时，无论是Basic还是C，课本第一个示 例都是“Hello World”。今天，我们开始学习Google Earth API，仍然以这个最 简单的小示例开始。下列JavaScript源代码教您如何创建一个包含Google Earth的网 页。htmlheadtitleHello Google Earth!/title!-- *** Replace the key below below with your own API key， available at/apis/maps/signup.html/apis/maps/signup.html?*** -- script src=/jsapikey=ABCDEF%C2%A0/jsapikey=ABCDEF;/script scriptgoogle.load(earth， 1);var Google Earth = null;function init() {google.earth.createInstance(map3d， initCallback， failureCallback);}function initCallback(object) {Google Earth = object;Google Earth.Google EarthtWindow().setVisibility(true);}function failureCallback(object) {}/script/headbody onload=?init()?;divHello， Earth!/divdiv id=?map3d_container?style=?border: 1px solid silver; height: 600px; width: 800px;?div id=?map3d? style=?height: 100%;?/div/div/body/html　您可以直接把这段代码复制下来，把里面的“Key”换成您 自己申请的Key值（详见序）。如果您不方便申请Key，又想看看这段源代码的运行效 果，那么也没关系，您可以点击查看这个链接（/earth/plugin/examples/helloearth//earth/plugin/examples/helloearth/）——前提是您必须已安装了Google Earth插件。　上面这段代码中，您需要注意四个方面（上述代码中已用绿 色粗体字显示）：　Google Earth API脚本语句必须包含script标签，即“script”。?　用div标签把Google Earth窗口框起来。　用JavaScript函数来创建Google Earth对象。　在body标签的onLoad事件来初始化Google Earth对象。　下面就对上述要点做一简单说明：　加载Google Earth API　script src=/jsapikey=ABCDEF%C2%A0/jsapikey=ABCDEF;/script 　想必大家都已经知道，在编写Google Earth网页时，必须先 申请key。/jsapikey=ABCDEF是一个链接，链接 那一头包含了您要使用Google Earth API所需要的所有Javascript元件、标签和定 义文件。此例中key值为假设值“ABCDEF”。　DOM　div id=?map3d_container?　style=?border: 1px solid silver; height: 600px; width: 800px;?　div id=?map3d? style=?height: 100%;?/div　/div　由于要在网页上显示Google Earth窗口，所以必须给它留 些位置。这人“位置”就是用已命名的div标签来创建，并以此来获取浏览器文档对 象模型的参考。在这个示例中，div标签被命名为“map_3d_container”，其长宽均 由相应属性设定。　加载Google Earth　body onload=?init()? id=?body?　当HTML页面编译时，文档对象模型（DOM）以及所有外部图 像、脚本均被融合到文档（document）对