cesium_cesium 隐藏 - CSDN
cesium 订阅
铯(Caesium;Cesium)是一种淡金黄色的活泼金属,熔点低,在空气中极易被氧化,能与水剧烈反应生成氢气且爆炸 [1]  。铯在自然界没有单质形态,仅以盐的形式极少的分布于陆地和海洋中。铯是制造真空件器、光电管等的重要材料。放射性核素Cs-137是日本福岛第一核电站泄露出的放射性污染中的一种。铯是已知元素中(包括放射性元素)金属性最强的(注意不是金属活动性,活动性最强的是锂)。 [2] 展开全文
铯(Caesium;Cesium)是一种淡金黄色的活泼金属,熔点低,在空气中极易被氧化,能与水剧烈反应生成氢气且爆炸 [1]  。铯在自然界没有单质形态,仅以盐的形式极少的分布于陆地和海洋中。铯是制造真空件器、光电管等的重要材料。放射性核素Cs-137是日本福岛第一核电站泄露出的放射性污染中的一种。铯是已知元素中(包括放射性元素)金属性最强的(注意不是金属活动性,活动性最强的是锂)。 [2]
信息
元素符号
Cs
原子量
132.90543
CAS号
7440-46-2
发现者
本生、基尔霍夫
中文名
危险性
遇湿易燃,自燃
外文名
Caesium或Cesium
铯发现简史
铯最终被基尔霍夫教授和本生于1860年在德 国的海德堡被发现。他们检测了来自Durkheim的矿物质水,并且在光谱中观察到了他们不能认出的线,这意味着一个新的元素的出现。他们从这个来源生产出了约7克氯化铯,但没能生产出这种新金属自身的样本。第一个成功制出金属铯的这个荣誉归属于波恩大学的考尔·希欧多尔·赛特伯格(Carl Theodor Setterberg)教授,他由电解熔融的氰化铯(CsCN)获取了它。 [3-4]  命名是由其发现者基尔霍夫教授和本生以拉丁文“coesius”(意为天蓝色)命名了铯。 [2]  [4] 
收起全文
精华内容
参与话题
  • Cesium从入门到放弃——前言篇

    千次阅读 2019-11-11 16:04:25
    Cesium是一个javascript库,所以它的全面其实叫做Cesium JS,Cesium是开放源代码的,任何个人和企业都可以免费使用。 对于Cesium的用途,一句话足以说明问题:用来作为三维空间展示载体,只要项目中需要有诸如三维...

    闲言少叙,书归正传

    1.简介

    前言之所以叫做前言,是因为有言在前,有话要说。对于Cesium,做三维开发的人都知道,不做三维的人或许不知道,或许有所耳闻。Cesium是一个javascript库,所以它的全面其实叫做Cesium JS,Cesium是开放源代码的,任何个人和企业都可以免费使用。

    对于Cesium的用途,一句话足以说明问题:用来作为三维空间展示载体,只要项目中需要有诸如三维地球、三维建筑物、三维航线等对象的可视化,都可以用Cesium框架用实现。

    2.Cesium资源网站汇总

    持续更新ing…
    其实有以上参考内容足以完成一般性的开发需求,但是如果是特殊的具有开创性的开发过程,则需要剖析源代码,加以改造,当然这不是我这样的小白所能做到的。。。

    接下来,我们进行第一步,环境搭建。

    展开全文
  • 入门指南(Getting Started) 学习使用全球地形、图像、3D瓦片和地理编码(geocoding)构建Cesium应用程序

    入门指南(Getting Started)
    学习使用全球地形、图像、3D瓦片和地理编码(geocoding)构建Cesium应用程序。
    cesium
               1 即将构建的Cesium app,点击进行交互
      CesiumJS是一个应用于web 3D地图的JavaScript库。Cesium ion是发现3D内容和填充自己的数据流中心。CesiumJS和ion一起协同工作,能够构建世界级3D地图应用程序。
    使用Cesium ion对3D数据进行优化,并在CesiumJS中可视化
            2使用Cesium ion对3D数据进行优化,并在CesiumJS中可视化
    第一个应用程序(Your first app)
    下面是你的第一个Cesium应用程序源码:

    1.	<!DOCTYPE html>  
    2.	<html lang="en">  
    3.	<head>  
    4.	  <meta charset="utf-8">  
    5.	  <script src="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Cesium.js"></script>  
    6.	  <link href="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">  
    7.	</head>  
    8.	<body>  
    9.	  <div id="cesiumContainer" style="width: 700px; height:400px"></div>  
    10.	  <script>  
    11.	    Cesium.Ion.defaultAccessToken = 'your_access_token';  
    12.	    var viewer = new Cesium.Viewer('cesiumContainer');  
    13.	  </script>  
    14.	</body>  
    15.	</html>  
    

    注意:创建一个Cesium ion账户
      注意上面代码中的your_access_token占位符。创建一个Cesiun ion账户来使用本教程中的3D内容。在这里注册(Sign up here),上面的示例代码将使用你的token自动进行更新。如果已经有账户,请登录(sign in)。
      Web应用需要web服务,CesiumJS同样需要。为了简单期间,本教程略过服务设置,使用在线应用IDE Glitch进行web开发。点击(clicking here)创建一个新的Glitch工程,忽略模板中的说明,点击index.html,删除里面的所有内容,并使用上面的代码。
    Glitch IDE
                  3 Glitch IDE
    点击 按钮,它将打开一个新的窗口作为Cesium应用的响应。当你修改代码时,视图将自动更新。
    CesiumJS默认使用由ion账户提供的Bing底图
              4 CesiumJS默认使用由ion账户提供的Bing底图
    代码分解(Breaking down the code)
    在HTML的head内容中包含CesiumJS库

    1.	<script src="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Cesium.js"></script>  
    2.	<link href="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">  
    

    创建一个HTML元素来保存CesiumJS widget:

    1.	<div id="cesiumContainer"></div>  
    

    ion账户提供一个token来访问Bing底图。由于已经登录了Cesium ion,所以默认账户的token自动在本教程中使用:

    1.	Cesium.Ion.defaultAccessToken = '';  
    

    最后,创建一个顶部的Cesium部件,命名为Viewer,使用上面定义的HTML div元素:

    1.	var viewer = new Cesium.Viewer('cesiumContainer');  
    

    添加Cesium世界地形(Adding Cesium World Terrain)
      Cesium World Terrain(Cesium世界地形)是一个高分辨率的全球地形asset,其保存在你的ion账户中。用以下代码代替创建的Viewer widget,将它添加到你的Cesium应用程序:

    1.	var viewer = new Cesium.Viewer('cesiumContainer', {  
    2.	    terrainProvider: Cesium.createWorldTerrain()  
    3.	});  
    

    当你放大到例如“Grand Canyon,AZ”这样的地方,将看到Cesium世界地形的效果:
    10米分辨率科罗拉多大峡谷
                 5 10米分辨率科罗拉多大峡谷
    加载自己数据(Loading your own data)
      你可以上传自己的数据到Ceisum ion,并将其瓦片化为3D Tiles,3D Tiles是一种对海量异构三维地理空间数据流的开放规范。本教程中,我们提供带有单个建筑示例的KML/COLLADA包。使用它创建一个3D Tiles tileset,并将其添加到应用程序中。点击(clicking here)来下载。
      导航到ion,并将刚下载的AGI_HQ.kmz文件拖拽到页面任何位置,点击上传。
    上传完成后,ion将立刻开始tiling处理并在右上角报告进度。瓦片化完成后,将在左侧出现新asset选项,按页面右下角示例代码旁边的copy(复制)按钮。将结果复制到Glitch中,创建Viewer行之后。

    1.	var tileset = viewer.scene.primitives.add(  
    2.	    new Cesium.Cesium3DTileset({  
    3.	        url: Cesium.IonResource.fromAssetId(your_asset_id)  
    4.	    })  
    5.	);  
    

    使用一行代码,将程序的默认视图设置为tileset:

    1.	viewer.zoomTo(tileset)  
    

    加载到CesiumJS中的3D Tiles asset,与你自己的asset看起来有所不同
         6 加载到CesiumJS中的3D Tiles asset,与你自己的asset看起来有所不同
    祝贺!你已经创建了第一个Cesium app。
    以下是完整的参考示例:

    1.	<!DOCTYPE html>  
    2.	<html lang="en">  
    3.	<head>  
    4.	  <meta charset="utf-8">  
    5.	  <script src="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Cesium.js"></script>  
    6.	  <link href="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">  
    7.	</head>  
    8.	<body>  
    9.	  <div id="cesiumContainer" style="width: 700px; height:400px"></div>  
    10.	  <script>  
    11.	    Cesium.Ion.defaultAccessToken = 'your_access_token';  
    12.	    var viewer = new Cesium.Viewer('cesiumContainer', {  
    13.	        terrainProvider: Cesium.createWorldTerrain()  
    14.	    });  
    15.	  
    16.	    var tileset = viewer.scene.primitives.add(  
    17.	        new Cesium.Cesium3DTileset({  
    18.	            url: Cesium.IonResource.fromAssetId(your_asset_id)  
    19.	        })  
    20.	    );  
    21.	    viewer.zoomTo(tileset);  
    22.	  </script>  
    23.	</body>  
    24.	</html>  
    

    接下来呢?现在你已经知道如何设置一个基本的Cesium app,可以浏览Sandcastle上的代码示例,来了解所有特性和一些常见的使用案例。

    展开全文
  • Cesium入门

    2019-08-15 10:34:07
    CesiumJS是一个跨平台、跨浏览器的展示三维地球和地图的 javascript 库。Cesium中文网站长分享相关技术心得。 1. 主要为大家提供Linux, Web相关, GIS的介绍入门。 2. CesiumJS的初级介绍。 3. 基于Cesium...
  • Cesium: 一个新兴的三维开发框架, 提供对框架的免费源码开放, 它能够借 助于 HTML5 新一代网页标准和 WebGL 技术规范在 Web 端实现动态的三维场景 渲染, 其中, HTML5 新添加的 canvas 和媒体资源等标签 [43] ...
  • Cesium 实用总结

    千次阅读 2019-05-14 17:17:15
    Cesium是什么 Cesium是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上...

    Cesium是什么

    Cesium是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。

    Cesium能做什么

    通过Cesium提供的JS API,可以实现以下功能:

    • 使用 3d tiles格式流加载各种不同的 3d 数据,包含 倾斜摄影、人工模型、 三维建筑物、CAD、BIM,点云数据等。 并支持样式配置和用户交互操作。 并支持样式配置和用户交互操作
    • 全球高精度地形数据可视化,支持夸张效果、以及可编程实现的等高线和坡度分析效果。
    • 支持多种资源的图像层,包括 WMS,TMS, WMTS以及时序图像。支持透明度叠加, 亮度、对比度、GAMMA、色调、饱和度都可以动态调整。支持图像的卷帘对比。
    • 支持标准的矢量格式 KML 、GeoJSON、TopoJSON, 以及矢量的贴地效果。
    • 三维模型支持 gltf2.0 标准的 PBR 材质、动画蒙皮和 和 变形效果。 贴地以及高亮。
    • 使用 CZML 支持动态时序数据的展示。
    • 支持各种几何体:点、 线、面、标注、公告牌、立方球、椭球体、圆柱走廊 (corridors)、管径、墙体
    • 可视化效果包括:基于太阳位置的阴影、自身阴影,柔和阴影。
    • 大气、雾、太阳、阳光、月亮、星星、水面。
    • 粒子特效:烟、火花。
    • 地形、 模型3d tiles模型的面裁剪。
    • 对象点选和地形点选。
    • 支持鼠标和触摸操作的缩放、 渲染、惯性平移、飞行、任意视角、地形碰撞检测。
    • 支持 3d 地球、 2d 地图、 2.5d 哥伦布模式。 3d 视图可以使用透视和正视两种投影方式。
    • 支持点、标注公告牌的聚集效果。

    Github

    https://github.com/AnalyticalGraphicsInc/cesium

    1.常用配置

    1.1 Cesium

    const viewer new Viewer('viewport',{ 
        sceneMode: SceneMode.SCENE2D,   //设置场景模式为2D,默认为3D
        selectionIndicator : false,    //隐藏选择控件
        infoBox : false,               //隐藏信息框控件
        animation : false,                 //隐藏动画速度控制控件
        fullscreenButton : false,      //隐藏全屏控件
        sceneModePicker : false,       //隐藏场景模式选择控件
        timeline : false,              //隐藏时间轴控件
        navigationHelpButton : false,  //隐藏控制帮助控件
        homeButton : false,            //隐藏返回Home控件
        geocoder : false,              //隐藏定位搜索控件
        navigationInstructionsInitiallyVisible: false,     //navigationHelp初始不显示
        skyBox : false,                //天空设置,undefined则显示默认星空
        skyAtmosphere : false,             //不显示蓝色的大气层
        selectedImageryProviderViewModel : undefined,  //不显示地图图像
        selectedTerrainProviderViewModel : undefined,  //不显示地形图像
        globe : false,                                     //不要地球
        shadows : false                                    //不显示阳光照射下的阴影效果
    })
      
    viewer.cesiumWidget.creditContainer.style.display = "none"  //去cesium logo 水印
    viewer.resolutionScale = window.devicePixelRatio            //dpr优化
    viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(ScreenSpaceEventType.LEFT_DOUBLE_CLICK)   //取消双击默认操作
    

    1.2 3D Tiles

    const tileset = new Cesium3DTileset({
        url : uri,                      //3D Tiles json数据文件
        maximumScreenSpaceError : 500, //最大屏幕控件误差,随着相机高度的下降,该值越大,渲染更精细图片的时机越晚
        cullWithChildrenBounds  : false, //优化项
    })
      
    tileset.readyPromise.then(function(tileset) {
        const boundingSphere = tileset.boundingSphere       //模型的包围球
        const radius = boundingSphere.radius                //包围球的半径
        viewer.zoomTo(tileset, new HeadingPitchRange(0, -90, 700))      //视角转至该模型,相机以该模型为中心,以北为前方,垂直地表向下,高度为700m
    })
    

    1.3 Camera

    //相机高度限制
    screenSpaceCameraController.minimumZoomDistance = MinimumZoomDistance
    screenSpaceCameraController.maximumZoomDistance = MaximumZoomDistance
      
    screenSpaceCameraController.enableTilt = false      //限时相机无法倾斜
    screenSpaceCameraController.enableZoom = false      //限制相机无法缩放
    screenSpaceCameraController.enableRotate = false    //限制相机无法上下左右移动(3D模式下,2D模式下相机的平行移动是translate)
    

    2.事件绑定

    2.1 鼠标事件

    const eventHandler = new ScreenSpaceEventHandler(viewer.canvas)
    //左键点击绑定操作
    eventHandler.setInputAction(function(movement) {
        const {x, y} = movement.position
        console.log("click at [x: " + x + ",y: " + y + "]")
    }, ScreenSpaceEventType.LEFT_CLICK)
     
     
    //鼠标移动绑定操作
    eventHandler.setInputAction(function(movement) {
        const {x1, y1} = movement.startPosition
        const {x2, y2} = movement.endPosition
        console.log("start at [x: " + x1 + ",y: " + y1 + "]")
        console.log("start at [x: " + x2 + ",y: " + y2 + "]")
    }, ScreenSpaceEventType.MOUSE_MOVE)
    

    更多鼠标及手势类型参看文档
    https://cesiumjs.org/Cesium/Build/Documentation/ScreenSpaceEventType.html?classFilter=ScreenSpaceEventType

    2.2 相机事件

    viewer.scene.camera.percentageChanged = 0.05  //设置相机变化的识别精度
     
     
    //设置相机变化的监听事件
    const removeChanged = camera.changed.addEventListener(percentage => {
        console.log("camera moved " +  percentage + "%")
    })
     
    removeChanged() // 移除监听事件
    

    2.3 clock事件

    let count = 0
    //每帧都会调用的函数,可以在这里写动画控制
    viewer.clock.onTick.addEventListener(clock => {
        console.log("tick × " + count++)
    })
    

    3. 坐标与位置

    3.1 坐标类型与转换

    Cartesian3:笛卡尔空间直角坐标系

    new Cesium.Cartesian3(x, y, z)
      
    Cartesian3.fromDegrees(longitude, latitude,height)   //经纬度(角度)转笛卡尔坐标
    Cartesian3.fromRadians(longitude, latitude, height)   //经纬度(弧度)转笛卡尔坐标
    viewer.camera.pickEllipsoid(movement.position)        //屏幕位置转笛卡尔坐标,取与球面相交的点,默认球面为WGS84为时 高度一定为0
    viewer.scene.pickPosition(movement.position)          //屏幕位置转笛卡尔坐标,取与模型相交的点
    可看作以椭球体中心为原点建立的xyz空间直角坐标系,描述点在世界中的位置
    

    Cartographic: 经纬度坐标系

    以地球经纬度和高度来描述点的位置
    经度:参考椭球面上某点的大地子午面与本初子午面间的两面角。东正西负。
    纬度 :参考椭球面上某点的法线与赤道平面的夹角。北正南负。

    Cesium中为弧度单位,注意角度与弧度的转换

    new Cesium.Cartographic(longitude, latitude, height)
      
    //角度与弧度互相转换
    Cesium.Math.toDegrees(radians)
    Cesium.Math.toRadians(degrees)
      
    Cartographic.fromCartesian(cartesian3) //笛卡尔坐标转经纬度(弧度)坐标
    

    canvas坐标(屏幕坐标)

    鼠标监听事件获得的位置坐标,为{x, y}格式的二维坐标

    new Cartesian2(x,y)
      
    SceneTransforms.wgs84ToWindowCoordinates(scene, entityCartesian3Position, position) //将笛卡尔坐标转为屏幕坐标
    viewer.scene.cartesianToCanvasCoordinates(cartesian3Position, position)             //转为屏幕坐标
    

    3.2 坐标获取与设置

    const entityCartesian3Position = entity.position.getValue(JulianDate.now())     // 获取实体当前的位置,与时间点相关,为笛卡尔坐标
    entity.position = newCartesian3Position                                         // 设置实体的位置
      
    camera.position                                                                 // 获取相机的位置,为笛卡尔坐标
    camera.setView({                                                                // 改变相机的位置
        destination: newCartesian3Position                                         
    })
    

    4. Entity

    4.1 基本

    //添加一个billboard实体
    const entity = new Entity({
        id:  0,
        name: "一个billboard实体",
        position: cartesian3Position
        billboard: {
            img: "../images/Cesium_Logo_overlay.png",
            width: 30,
            height: 30,
        }
    })
    viewer.entities.add(entity)
    

    4.2 更多

    5. Primitive

    5.1 基本
    5.2 自定义几何体

    6.相机

    6.1 视锥模型

    视锥指的是一个实体形状,看起来像是一个顶部被平行于地基切除的金字塔。这就是一个透视相机渲染时能看到区域的形状。下面的思考实验有助于解释这个情况的成因。
    想象拿着一根直棍子(比如扫帚把手或者铅笔)的一端对着相机并拍照。如果棍子正对着照片的中心,垂直于相机镜片,那么相机上只会看到一个圆;除了棍子的断点其它部分会被遮挡。如果将棍子向上移,慢慢能看见棍子的远端,但是将棍子向上翘起又会将远端隐藏起来。继续向上移动并向上调整棍子角度,圆形的断电最终会到达照片的边缘。在这个点上,现实世界中所有在棍子所在线上方的物体在照片中都不会出现。

    在这里插入图片描述

    棍子也可以简单的像左、右、下或者水平垂直移动的任意组合。相应调整棍子的角度都可以将棍子在相机中隐藏起来。
    这个思考实验的意义在于,相机图片中的任何一个点最终对应于现实世界中的一条线,并且只会显示这条线上的一个点,这条线上所有在这个显示的点后面的物体都会被遮挡。图片的外边界由四个顶点对应的发散线定义。这四条线最终相交于相机位置所在的点。Unity中这个点就是相机的transform位置,被称为透视视图的中心。屏幕顶部和底部中心点汇集到透视视图中心点的连线形成的角度被称为视野(field of view FOV)。
    如上面介绍的,所有落在照片边界对应的发散线以外的事物在相机上是不可见的,同时还有两外两个限制。远近裁切平面平行于相机的XY平面,分别在相机的中心线上设置了一个确定的距离。所有于相机的距离小于近平面的距离或者大于远平面的距离的物体都不会被渲染。

    在这里插入图片描述

    展开全文
  • Cesium视频教程

    万次阅读 2020-10-20 13:23:53
    基于CesiumJS 1.50版本开发,以及讲解,开发功能组件,了解整体引擎的能力。录制课程内容: 从入门到放弃 1 CesiumJS之初步认识 (试看:http://www.narutogis.com/playVideo.html?url=cesium/01/01.mp4) -寻找...

    基于CesiumJS 1.50版本开发,以及讲解,开发功能组件,了解整体引擎的能力。录制课程内容:

    从入门到放弃 

    1 CesiumJS之初步认识  (试看:http://www.narutogis.com/playVideo.html?url=cesium/01/01.mp4

        -寻找在线的三维web平台

        -Cesium的在线网站查看

        -确认过眼神是我想要的它

    2 CesiumJS之功能发现 (试看:http://www.narutogis.com/playVideo.html?url=cesium/02/02.mp4

        -下载源码,查看结构台

        -官方示例预览,整体功能

        -查看是否能满足自己项目要求

    3 CesiumJS之HelloWorld (试看:http://www.narutogis.com/playVideo.html?url=cesium/03/03.mp4

        -动手Hello Cesium

        -两种,一种压缩版使用,一种是源码使用

        -调试见真知,断点了解一下

    4 CesiumJS-获取地形剖面图 (试看:http://www.narutogis.com/playVideo.html?url=cesium/04/04.mp4

        -修改demo新建组织方式

        -讲解高程获取原理,查看效果

        -讲解交互事件,查看效果

    5 CesiumJS-热力图添加(试看:http://www.narutogis.com/playVideo.html?url=cesium/05/05.mp4

       -寻找Heatmap插件,并观察

       -讲解插件修改过程,查看效果

       -测试热力图效果叠加

    6 CesiumJS之3DModel加载(试看:http://www.narutogis.com/playVideo.html?url=cesium/06/06.mp4

       -3DSMAX 导出DAE 模型,事项

       -模型转化工具使用,路径注意

       -普通模型以及动画模型加载

     

     

    7 CesiumJS之地图底图使用(试看:http://www.narutogis.com/playVideo.html?url=cesium/07/07.mp4)

      -使用在线地图,arcgis,天地图,wms,wmts

      -讲述各种地图加载方式,以及演示

      -离线数据使用方法,查看效果

     

     

    8 离线影像瓦片下载(试看:http://www.narutogis.com/playVideo.html?url=cesium/08/08.mp4

        -介绍水经注使用,下载离线数据思路

        -同级别的不同方式,覆盖添加以及导出配置 

     

    9 CesiumJS-地形加载(制作,离线)(试看:http://www.narutogis.com/playVideo.html?url=cesium/09/09.mp4)

        -查看在线地形使用几种方式

        -制作自己的地形瓦片数据

        -查看加载效果,以及不同方式对比

     

    10 CesiumJS WEB 快速开发框架入门(试看:http://www.narutogis.com/playVideo.html?url=cesium/10/10.mp4

        -介绍新封装的快速开发框架

        -配置文件简介,在线使用说明

        -体功能快速查看,获取说明

        传送门:http://www.narutogis.com/apps/CesiumViewer2018/readme.pdf

    11 CesiumJS之自定义测量实现(试看:http://www.narutogis.com/playVideo.html?url=cesium/11/11.mp4

       -查看实现效果,长度和面积测量

       -整体思路讲解,测试

       -量算的实现缺陷,以及思路扩展

    12 CesiumJS之GIF图片加载实现(试看:http://www.narutogis.com/playVideo.html?url=cesium/12/12.mp4

       -GIF直接叠加没有怎么办,查资料

       -整体思路讲解,测试,怎么解决问题

       -两种方式,github和找别人的代码

    13 CesiumJS之雷达扫描(试看:http://www.narutogis.com/playVideo.html?url=cesium/13/13.mp4

    1. 模拟扩散效果,以及扫描效果
    2. 部分思路讲解,认识着色器
    3. 借鉴别人经验,解决自己的问题

    14 CesiumJS之云图播放(试看:http://www.narutogis.com/playVideo.html?url=cesium/14/14.mp4

    1. 模拟云图播放,加载本地数据
    2. 部分思路讲解,了解事件机制
    3. 思路扩展,实现加载其他云图

    15 CesiumJS之Echarts集成(试看:http://www.narutogis.com/playVideo.html?url=cesium/15/15.mp4

    1. 演示Echarts部分功能
    2. 部分思路讲解,了解坐标转换思路
    3. 测试实现不同echart图加载

     

    更多内容以及完整版视频请登录网站查看:http://www.narutogis.com/   ,注册之后记住在微信绑定下哦。

    QQ加3D开发群进行相关讨论:151501317,以及相关资料下载

     

     

    展开全文
  • Cesium 概述 (一)

    万次阅读 多人点赞 2016-07-09 11:06:46
    Cesium是一个基于JavaScript的开源框架,可用于在浏览器中绘制3D的地球,并在其上绘制地图(支持多种格式的瓦片服务),该框架不需要任何插件支持,但是浏览器必须支持WebGL。 Cesium支持多种数据可视化方式,...
  • Cesium是什么

    万次阅读 多人点赞 2018-11-14 22:56:57
    Cesium是什么 Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性...
  • Cesium的使用

    2020-10-08 08:17:58
    Cesium的使用 学习三维已经有段时间了,今天让我们来讲下三维中的Cesium这个开源的使用。 Cesium是国外一个基于JavaScript编写的使用WebGL的地球引擎;其实他就是一个地球可视化框架; Cesium是开源的,Cesium是...
  • Cesium-1.52最新版本

    2020-07-27 17:47:33
    最新Cesium的release版本,在新版本中增加了对高动态范围(HDR)渲染的支持。在支持时默认启用,但可以用Scene.highDynamicRange禁用;同时增加的新功能有:可以获得3DTile在屏幕上或屏幕外最详细的高度;增加了将...
  • cesium简介(一)

    千次阅读 2019-04-05 15:29:06
    cesium是什么 cesium是一个跨平台、跨浏览器的展示三位地球和地图的js库 cesium使用WebGL来进行硬件加速图形,不需要任何插件支持,但浏览器必须支持webgl <!DOCTYPE html> <html lang="en"> <head&...
  • 这是因为需要申请token...Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMjJjMzI5YS1jZWRkLTQ1YTEtOTIzMy1lNDlmNmQyM2M0YmYiLCJpZCI6MzM2NjksImlhdCI6MTU5OTA1MDM1MH0.Aofdn9Zlfk
  • 这几天帮一个客户处理了摄像头流视频的接入,将rtsp格式的流文件与三维系统相结合,可完成在模型上融合rtsp格式视频。有需求可以联系我。
  • cesium可以开发哪些功能?

    千次阅读 2019-10-15 10:41:08
    还搞过three.js开发,后面gis的发展越来越偏向于webgis这块,于是3年前开始接触了cesium开发。这是一款又开源又优秀的3D webGIS引擎。 使用ceisium开发了很多的项目。比如多规合一、城乡规划、可视化拆迁…各个方面...
  • cesium模拟水系效果

    千次阅读 热门讨论 2017-07-26 15:22:29
    cesium 根据自定义图形模拟水系效果 有需要的可以留言
  • 基于Cesium的demo赏析(持续更新)

    万次阅读 热门讨论 2017-01-14 20:46:55
    更新于2017.1.14Cesium的强大不用多说,所以有很多政府、组织基于cesium做了一些应用,其中不乏有很多优秀的示例,我们大都可以从中获得对自己的项目有益的东西。另:有的网站需要翻墙。 1.一个NASA的海洋风向可视...
  • Vue+Cesium集成笔记

    万次阅读 热门讨论 2018-10-16 16:24:15
    基于webpack 构建Cesium + Vue 的应用 主要使用了node npm vue vue-cli webpack cesium等工具和环境。 使用node安装vue-cli cmd跳转到你想要放置开发项目的文件路径下,在该路径下运行cmd命令: ~$ npm install -g...
  • cesium 实体创建、添加、删除、获取

    万次阅读 2019-06-27 19:42:03
    //创建viewer ...var viewer = new Cesium.Viewer('cesiumContainer'); //添加实体 var redBox = viewer.entities.add({ id:'Box', position : Cesium.Cartesian3.fromDegrees(108, 34,0), box...
  • Cesium 鼠标事件监听

    万次阅读 2019-01-25 10:20:20
    Cesium里面,我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件: var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); //todo:在椭球下点击创建点 ...
  • cesium 事件监听

    千次阅读 2018-07-27 11:15:23
    //鼠标点击事件 左键 var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function(click) { // 处理鼠标按下事件 // 获取鼠标当前位置 /...
1 2 3 4 5 ... 20
收藏数 7,976
精华内容 3,190
关键字:

cesium