GoogleEarth二次开发平台指南(1) ---如何将谷歌地球嵌入到自定义的窗体中

       谷歌地球二次开发的首要问题就是如何将谷歌地球嵌入到自定义的窗体中,本文将重点讲解这个问题。

      使用“谷歌地球二次开发基础平台”,使二次开发变得非常容易,该平台提供了大量通用的功能模块和接口,开发者只需了解各功能模块接口,就可像搭积木一样开发自己的应用软件,而不需要掌握GoogleEarth插件的大量资料。本文涉及的把谷歌地球嵌入到自定义的窗体中,实际上也是把各种开发模块引用到开发者的系统中,包括图件的菜单管理、图件属性和在三维场景显示状态三者相互关联起来,开发者无需关注复杂、繁琐的关联关系的开发工作,只需注重三维场景的构建,从而大大减少开发工作量,提高开发效率。各种开发模块引用为下一步应用功能的开发打下基础。

    “谷歌地球二次开发基础平台”提供了一个样本窗体页面文件“transfww2.htm”,该文件位于系统文件根目录中,开发者可通过修改transfww2.htm文件生成自己的窗体页面,或将其部分代码加到自己的应用程序中,实现将谷歌地球嵌入到自定义的窗体中

transfww2.htm生成的页面由3部分组成:左侧为信息查询菜单区;中间上方为巡检机器人操控及视频显示区,中间下方为被选图件的信息显示区。右侧为三维场景显示区,右侧上方为工具栏,用于画线、导入模型和生成图件。

       中间区是为系统维护(修改图件属性、位置以及控制图件等)所用,对于非维护人员,可以不显示出中间区的栏目。

GoogleEarth二次开发平台指南(1) ---如何将谷歌地球嵌入到自定义的窗体中

开发者在修改或引用transfww2.htm文件代码时需要注意:

  1. 保持<head>……..</head>之间的内容不变,该部分定义了系统启动时运行的相关文件、函数及变量,即开发功能模块的引用。确认相关的文件位于相应的目录中。
  2. 保持以下关键语句:
    1)系统启动初始化:<body style="padding:0;margin:0;border: 0px; overflow:hidden;" onload='init()' id='body'>
    2)定义页面左侧的树状图件菜单区:<div id="tree" ></div>
    3)定义右侧的谷歌地球窗体的显示区:<div id='earth_container' style='border: 1px solid silver;'>
          <div id='map3d' style='height: 98%;'></div>
    注:树状图件菜单与三维场景显示区是相互关联和互动的关系。所以,必须保持二者接口。
  3. 其他页面组件可根据需要自行布置设计。
  4. 按照谷歌地球二次开发基础平台”的安装、部署。系统启动后,首先从系统的georsc_ww目录中下载和加载系统的资源配置文件jsontree1.js,该文件定义了谷歌地球中需要加载的所有图件信息,并自动生成树状图件菜单。

       至此,谷歌地球就成功地嵌入了自定义的窗体中,并且点击左侧菜单的图件名称,右侧谷歌地球窗体中自动聚焦到该图件(如建筑物)*,无需任何代码开发。使用谷歌地球二次开发基础平台”开发很爽吧。

       接下来的开发问题是在谷歌地球中如何构建自己的三维场景(园区、厂矿、城市等),请关注下次讲解。