world wind for web的hello world

闲来无事,看了一下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看着吃力呀!实现效果图在下面。
这里写图片描述
整个demo在这里源码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值