world wind for web的hello world

2024-09-02 19:08
文章标签 web hello world wind

本文主要是介绍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在这里源码

这篇关于world wind for web的hello world的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1130815

相关文章

JSON Web Token在登陆中的使用过程

《JSONWebToken在登陆中的使用过程》:本文主要介绍JSONWebToken在登陆中的使用过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录JWT 介绍微服务架构中的 JWT 使用结合微服务网关的 JWT 验证1. 用户登录,生成 JWT2. 自定义过滤

一文教你如何将maven项目转成web项目

《一文教你如何将maven项目转成web项目》在软件开发过程中,有时我们需要将一个普通的Maven项目转换为Web项目,以便能够部署到Web容器中运行,本文将详细介绍如何通过简单的步骤完成这一转换过程... 目录准备工作步骤一:修改​​pom.XML​​1.1 添加​​packaging​​标签1.2 添加

web网络安全之跨站脚本攻击(XSS)详解

《web网络安全之跨站脚本攻击(XSS)详解》:本文主要介绍web网络安全之跨站脚本攻击(XSS)的相关资料,跨站脚本攻击XSS是一种常见的Web安全漏洞,攻击者通过注入恶意脚本诱使用户执行,可能... 目录前言XSS 的类型1. 存储型 XSS(Stored XSS)示例:危害:2. 反射型 XSS(Re

解决JavaWeb-file.isDirectory()遇到的坑问题

《解决JavaWeb-file.isDirectory()遇到的坑问题》JavaWeb开发中,使用`file.isDirectory()`判断路径是否为文件夹时,需要特别注意:该方法只能判断已存在的文... 目录Jahttp://www.chinasem.cnvaWeb-file.isDirectory()遇

JavaWeb-WebSocket浏览器服务器双向通信方式

《JavaWeb-WebSocket浏览器服务器双向通信方式》文章介绍了WebSocket协议的工作原理和应用场景,包括与HTTP的对比,接着,详细介绍了如何在Java中使用WebSocket,包括配... 目录一、概述二、入门2.1 POM依赖2.2 编写配置类2.3 编写WebSocket服务2.4 浏

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

使用IntelliJ IDEA创建简单的Java Web项目完整步骤

《使用IntelliJIDEA创建简单的JavaWeb项目完整步骤》:本文主要介绍如何使用IntelliJIDEA创建一个简单的JavaWeb项目,实现登录、注册和查看用户列表功能,使用Se... 目录前置准备项目功能实现步骤1. 创建项目2. 配置 Tomcat3. 项目文件结构4. 创建数据库和表5.

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)

BUUCTF靶场[web][极客大挑战 2019]Http、[HCTF 2018]admin

目录   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 [web][HCTF 2018]admin 考点:弱密码字典爆破 四种方法:   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 访问环境 老规矩,我们先查看源代码