sandcastle

Cesium中级教程4

谁说胖子不能爱 提交于 2021-01-20 07:31:59
Cesium中文网: http://cesiumcn.org/ | 国内快速访问: http://cesium.coinidea.com/ Viewer中的Entity功能 让我们看看 Viewer 为操作entities提供出来的功能函数。 选中和描述 点击Viewer中的entity将在entity的位置上呈现 SelectionIndicator 控件,提供一个 InfoBox 用于呈现更多的信息。我们可以设置 name ,来定义 InfoBox 的标题。我们也以HTML样式来提供 Entity.description 的属性。 wyoming.name = 'wyoming'; wyoming.description = '\ <img\ width="50%"\ style="float:left; margin: 0 1em 1em 0;"\ src="//cesium.com/docs/tutorials/creating-entities/Flag_of_Wyoming.svg"/>\ <p>\ Wyoming is a state in the mountain region of the Western \ United States.\ </p>\ <p>\ Wyoming is the 10th most extensive, but the least

cesium编程中级(二)源码编译

我与影子孤独终老i 提交于 2021-01-20 07:06:12
cesium编程中级(二)源码编译 有些情况下,比如我们自己从Github下载了最新的代码,或者自己临时修改了一点代码,想要编译后的Build文件夹的内容,需要自行编译源码,这里介绍一下编译的方法 下载源码之后,可以发现根目录存在一个gulpfile.js文件,编译源码就是使用 gulp 编译的成果有四部分, 生成Apps文件夹,包括helloworld程序和沙盒Sandcastle 编译后的部署环境下的Cesium文件夹 编译后的调试环境下的Cesium文件夹 API文档 解压,或者git clone源码之后,先执行 cnpm install 下载依赖包 cnpm安装请看 cesium编程入门(二)环境搭建 安装gulp,(-g 表示全局安装,可选) cnpm install gulp -g //生成文档需要 cnpm install jsdoc -g 执行命令 生成Apps文件夹 gulp buildApps 这里会在Build下生成Apps文件夹,内容包括helloworld程序和沙盒Sandcastle 部署环境下的Cesium文件夹 gulp minifyRelease 这里会在Build下生成Cesium文件夹 说明:如果是git clone的,这一步没问题,如果是下载的官方包,这一步会报错 [16:37:12] Error: ENOENT: no such file

Cesium专栏-视频投影(附源码下载)

家住魔仙堡 提交于 2020-12-23 04:35:11
Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 关于视频投影 视频投影其实就是在三维场景中,播放实时视频,现在做三维实时视频的例子很多,比如公安行业监控摄像头的实时投影播放,广告行业在高楼的楼面播放制作的广告,或者在广场的大显示器上播放电影、电视剧等等。 原理 视频一般通过video的标签显示,可以把video作为一种特殊的材质赋给场景中的物体即可。 效果图 实践 编写video标签 <video id="trailer" autoplay loop crossorigin controls style="display: none;"> <source src="https://cesiumjs.org/videos/Sandcastle/big-buck-bunny_trailer.mp4" type="video/mp4"> </video> 在场景中添加一个物体 var video = viewer.entities.add({ polygon: { hierarchy: new Cesium.PolygonHierarchy(Cesium.Cartesian3

Cesium快速开始

ⅰ亾dé卋堺 提交于 2020-08-16 06:42:23
准备开始 本教程将让所有开发人员学会Cesium应用程序运行和并提高水平。 确保你的浏览器已经准备好了 验证Cesium在web浏览器中工作的最简单方法是通过 点击这里 ,运行Hello World示例(打开一个新窗口)。如果你看到下面的图片,恭喜你,你的系统可以运行Cesium,你可以安全地跳到下一节;否则,继续阅读。 Cesium是建立在几种新的HTML5技术上的,其中最重要的是 WebGL 。尽管这些新标准很快被广泛采用,但一些浏览器和系统需要更新以支持它们。如果示例应用程序不适合您,这里有一些需要尝试的东西。 更新您的web浏览器。大多数Cesium团队使用谷歌Chrome,但火狐、Internet Explorer 11和Opera也将工作。如果您已经使用了上述浏览器中的一个,请确保它已更新到最新版本。 更新你的显卡驱动,以更好地支持3D。如果你知道你有什么类型的视频卡,你可以检查供应商网站进行更新。最受欢迎的三个是: Nvidia , AMD , 和 Intel 。 如果您仍然有问题,请尝试访问 http://get.webgl.org/ ,它提供了额外的解决问题的建议。你也可以在 Cesium forum (论坛)上寻求帮助。 选择编辑器或IDE 如果您已经是一个经验丰富的开发人员,那么您很可能拥有一个最喜欢的编辑器或开发环境;例如,大多数铯团队都使用 Eclipse

Cesium的一个完整示例 Workshop

杀马特。学长 韩版系。学妹 提交于 2020-08-11 17:27:09
概述 欢迎您了解Cesium!我们很高兴有你。为了让您尽快开发自己的网络地图应用程序,本教程将引导您逐步开发一个简单的Cesium应用程序。本教程将涉及Cesium API的许多重要方面,但不是全面的(Cesium有很多功能!)。我们的目标是介绍您需要的基础知识和工具,以探索Cesium的其余部分。 我们将创建一个简单的应用程序,用于可视化纽约市的示例geocache位置。我们将加载和设置多种类型的二维和三维数据,并创建多个摄像机和显示选项,供用户交互设置。最后,作为高科技的geocachers,我们将加载一个3D无人驾驶飞机模型来侦察geocache的位置,充分利用我们的3D可视化。 在本教程结束时,您将对Cesium的功能进行工作概述,并了解如何配置Cesium查看器,加载数据集,创建和设置几何图形,使用3D Tiles,控制摄像头以及为应用程序添加鼠标交互功能。 geocache位置交互式可视化示例 安装Cesium 只需要几个设置步骤,然后就能开发。 通过访问 Hello World 确保您的系统兼容Cesium . 无法看到地球的话?请参阅 故障排除 . 安装 Node.js . 获取 本教材源代码cesium-workshop , 拷贝或下载zip并提取内容. 在您的cmd控制台窗口中,切换至 cesium-workshop 目录. cmd运行 npm install

干货,比较全面的c#.net公共帮助类(Common.Utility)

旧城冷巷雨未停 提交于 2020-08-11 05:58:08
Common.Utility 初衷 网上有各式各样的帮助类,公共类,但是比较零碎,经常有人再群里或者各种社交账号上问我有没有这个helper, 那个helper,于是萌生了收集全部helper的念头,以便日后使用. 集成 于是日常工作留意总结,加上网上收集,各式各样的几乎都能找到,所有功能性代码都是独立的类,类与类之间没有联系,可以单独引用至项目,分享出来,方便大家,几乎都有注释,喜欢的请点赞(star),不断完善收集中... 打开方式 打开方式直接用vs打开目录下Common.Utility.sln文件,或者vscode等其他编译器打开。需要引用到自己项目的时候直接把代码或者文件拷贝过去即可。 github 地址 github 地址: https://github.com/Jimmey-Jiang/Common.Utility 项目样图 比较全面的c#帮助类 操作文档 里面包含一下操作文档,这个是用Sandcastle工具生成的。方法:四种Sandcastle方法生成c#.net帮助类帮助文档,地址: http://www.cnblogs.com/anyushengcms/p/7682501.html 有兴趣的朋友可以自己折腾一下。 操作文档 H819EQUYFVA~WXK6YAQ1%6Q.png 附上项目帮助类栏目 C#读取AD域里用户名或组 Chart图形 cmd

地底,TypeScript和全球3D建筑发布于CesiumJS 1.70

邮差的信 提交于 2020-08-05 15:23:28
Cesium中文网: http://cesiumcn.org/ | 国内快速访问: http://cesium.coinidea.com/ 2020年6月1日Cesium JS发布1.70 release,带来了3个重要更新。 Cesium OSM建筑 Cesium OSM建筑是一个覆盖整个世界的3D建筑层,使用OpenStreetMap数据构建。它可以作为一个3D Tileset为所有Cesium ion用户提供,并带有丰富的功能数据,如建筑名称,地址,开放时间等等。 Cesium OSM建筑中的纽约市,西雅图,华盛顿特区和迪拜哈利法塔。 阅读更多关于这个新的地球图层的信息( Read more about this new global layer )以及如何在应用程序中使用它的信息。 地下支持 Cesium现在对可视化地下场景有了更好的支持,从地下的大地质层到矿山、洞穴和公用事业。CesiumJS 1.70增加了使地球半透明的功能,使数据能够在地底可视化,并允许相机自由地进入地下。 使地面变得半透明,以能够看到地下物体。在Sandcastle中探索这个例子([Explore this example in Sandcastle ](https://sandcastle.cesium.com/index.html?src=Globe Translucency.html))

Cesium笔记(3):基本控件简介—ImageryProvider地图瓦片地图配

夙愿已清 提交于 2020-07-25 07:28:13
cesiumjs中可定制多种图层,可以使用互联网上很多地图提供商的图层数据,也可以使用自己的地图数据。Cesium支持多种标准化格式的GIS瓦片服务,可以把栅格图层绘制到地球的表面——cesiumjs的地图图层本质上是一些瓦片数据,这些图层的亮度、对比度、色相均可以动态调整。 对于地图瓦片数据,OGC(Open Geospatial Consortium开放地理联盟)有很多标准,如TMS、WMTS、各个商业公司也有自己的内部标准。推荐阅读:《 OGC标准WMTS服务概念与地图商的瓦片编号流派-web地图切片加载 》 cesiumjs支持的图层格式 wms TMS WMTS (with time dynamic imagery) ArcGIS Bing Maps Google Earth Mapbox OpenStreetMap 默认地,Cesium使用Bing Maps作为默认的图层。这个图层被打包进Viewer中用于演示。Cesium需要您自己创建ion account然后生成一个access key用于访问图层数据。 Cesium ion Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的CesiumJS应用中。下面我们将使用Sentinal-2二维贴图和Cesium世界地形,二者都需要ion的支持。

转:Cesium 和 Webpack

心不动则不痛 提交于 2020-05-01 07:08:29
原文地址: https://www.jianshu.com/p/85917bcc023f 注意:webpack 和 webpack-cli 的安装参考 https://www.cnblogs.com/mumu122GIS/p/10815777.html 否则容易出错 Cesium 和 Webpack Webpack 是非常强大非常流行的JavaScript 模块打包工具。它可以让开发人员以一种简单直观的 require 方式去加载各种页面需要的文件,极大的方便了开源人员对代码和资源文件进行结构化设计。当编译的时候,它会跟踪代码依赖性,把所有的模型打包到浏览器可以直接加载的一个或者多个 bundles 中。 在这个教程的前一半,我们创建一个简单的web项目,学会使用webpack,然后再去集成 Cesium npm模块 。这是基于Cesium开发正式web项目的很好开端,但是它不是学习Cesium的最简单示例,可以看一下我们的 新手入门 。 在教程的后半部分,我们将讨论更多高级的webpack 配置参数,去优化使用Cesium的项目。 这个优化Cesium和Webpack集成的项目示例,可以查看 官网webpack示例 代码库。 先决条件 对命令行,JavaScript语言和web开发需要有一个基本了解。 一个代码编辑器(IDE)。Cesium团队的开发人员都用 Webstorm ,

Cesium中级教程4

生来就可爱ヽ(ⅴ<●) 提交于 2020-03-01 01:03:56
Cesium中文网: http://cesiumcn.org/ | 国内快速访问: http://cesium.coinidea.com/ Viewer中的Entity功能 让我们看看 Viewer 为操作entities提供出来的功能函数。 选中和描述 点击Viewer中的entity将在entity的位置上呈现 SelectionIndicator 控件,提供一个 InfoBox 用于呈现更多的信息。我们可以设置 name ,来定义 InfoBox 的标题。我们也以HTML样式来提供 Entity.description 的属性。 wyoming.name = 'wyoming'; wyoming.description = '\ <img\ width="50%"\ style="float:left; margin: 0 1em 1em 0;"\ src="//cesium.com/docs/tutorials/creating-entities/Flag_of_Wyoming.svg"/>\ <p>\ Wyoming is a state in the mountain region of the Western \ United States.\ </p>\ <p>\ Wyoming is the 10th most extensive, but the least