欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

world wind for web的hello world

程序员文章站 2024-03-07 21:49:45
...

闲来无事，看了一下WorldWind，整理了一个demo。关于WorldWind，官方介绍如下：
WorldWind是开源免费的API,用于可视化和承载地理空间数据。我们拥有安卓、浏览器和桌面等客户端开发库，为开发者提供快速和简单实用的3D球体、地图和地理信息可视化工具。我们的服务器套件扩展了GeoServer的功能，提供了端到端的地理空间解决方案。

使用WorldWind可以监控全球天气模式，可视化城市和地形，跟踪飞机、汽车和船只的运动轨迹，分析地理数据，用于教学，使人们了解地球

由于WorldWind是完全开源的，所以扩展API是简单易行的。这为任何应用提供了表达、处理和分析空间数据的强大平台。World Wind技术可以被广泛应用于包括Windows、Mac、Linux、Web和移动设备的各种应用中。

WorldWind的工作开始于2002，由美国国家航空航天局负责，并在美国航空航天局开放源码协议（NOSA）下发布。该项目在2006年被移植到java，并在2009年11月被授予年度NASA软件。从那时起，它已经发展了一个全球性的用户群体，从*、教育、非营利部门以及私营行业发展起来。HTML5和Android版本已经被添加，以及用于托管数据的服务器套件。

World Wind不同于像谷歌地球那样的3D地球，因为它不是一个应用程序。相反，它是软件工程师可以使用的SDK（软件开发工具包）来构建自己的应用程序。World Wind为从卫星跟踪系统到飞行模拟器的各种各样的项目提供了一个地理渲染引擎。

随着World Wind致力于可视化地理数据（从高程模型生成地形、从图像服务器选择和显示图像等）的艰苦工作，软件工程师可以*地专注于解决特定于他们自己领域的问题，并快速构建他们所选择的任何地理空间应用。

以上介绍是从官网翻译过来滴，如有瑕疵，也没办法

demo代码如下：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>WorldWind Example</title>
<script src="../worldwind.min.js" type="text/javascript"></script>
<script src="./js/jquery.min.js" type="text/javascript"></script>
<script data-main="./js/BasicExample" src="./js/require.min.js"></script>
<style>
      html, body, #worldWindContainer {
          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
      }
  </style>
</head>
<body>
<div id="worldWindContainer">
    <!-- 创建画布 -->
    <canvas id="canvasOne" width="1324" height="608">
        Your browser does not support HTML5 Canvas.
    </canvas>
</div>
</script>
</body>
</html>

看起来似不似很简单，重点在于引入BasicExample，实现demo的三维可视化显示。初始化的页面包括三维球体，以及几个控件，右上角的罗盘（右键操作才有反应哦），左下角的缩放、旋转、地形拉升压缩以及球体的控制的按钮，正下方显示有的当前鼠标经纬度、海拔、视角高度，右下角有一个bing的logo。加载的地图是默认的必应地图，加载其他地图以及自定义地图还未实现，想着以后再琢磨，英文API看着吃力呀！实现效果图在下面。
world wind for web的hello world
整个demo在这里源码

相关标签： WorldWind

上一篇： hello world的实现

下一篇： TensorFlow基础系列（神经网络NN）

推荐阅读