摘要: 相机(Camera) 相机控制了场景的观察视角。有很多相机操控方法,比如旋转、缩放、平移以及飞行定位。Cesium默认支持使用鼠标和触摸事件控制相机。Cesium也提供了一套可编程的相机控制API。这篇教程就是介绍相机相关知识,以及API。 快速开始 开始示例。打开Sandcastle的 Hello 阅读全文
posted @ 2019-08-02 17:29 疯子110 阅读(1706) 评论(0) 推荐(0) 编辑
摘要: 前言 Cesium官方教程中有一篇叫《空间数据可视化》(Visualizing Spatial Data)。该文文末简单提到了Cesium的Property机制,然后话锋一转,宣告此教程的第二部分将重点讲解Property机制。但是呢,第二部分还没有写好,说在等待的过程中,可以先看下Cesium对影 阅读全文
posted @ 2019-08-02 17:27 疯子110 阅读(1552) 评论(0) 推荐(1) 编辑
摘要: 在我们开始学习Entity之前,我们首先需要先学习下Cesium中的坐标系,Cesium中有多个坐标系,在进行添加Entity时经常会使用到。 一、坐标系介绍 我们先来列举下Cesium中的坐标系:WGS84经纬度坐标系(没有实际的对象)、WGS84弧度坐标系(Cartographic)、笛卡尔空间 阅读全文
posted @ 2019-08-02 17:19 疯子110 阅读(16567) 评论(0) 推荐(1) 编辑
摘要: 参考资料: https://cesiumjs.org/tutorials/Cesium-Workshop/ https://github.com/geoadmin/workshop-cesium3d https://github.com/AnalyticalGraphicsInc/cesium-wo 阅读全文
posted @ 2019-08-02 17:16 疯子110 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 同源通信 执行它们的页面位于具有相同的协议(http/https),端口(80/443),主机(通常为域名) 时,这两个脚本才能相互通信 大多数情况下,网站就是内部的域名,所以是同源通信,可以相互访问 非同源通信 不同域名,不同窗口,内嵌iframe(可能是外部域名地址) 这种就是非同源通信, wi 阅读全文
posted @ 2019-08-02 16:57 疯子110 阅读(837) 评论(0) 推荐(0) 编辑
摘要: 加事件 事件柄 事件处理函数 获取球心坐标系 的 坐标值 viewer.scene.pickPosition() 鼠标位置 返回的球心坐标系 坐标值,其实就是笛卡尔坐标系下的值 (x,y,z),坐标原点在球心 空间坐标(笛卡尔坐标系(x,y,z)) 转化为 要用的 经纬度坐标系(longitude, 阅读全文
posted @ 2019-08-02 16:53 疯子110 阅读(687) 评论(0) 推荐(0) 编辑
摘要: 模块概述 随着一个网站越来越大,html页面文件越来越多,由<script src='xxx.js'></script>引入的js文件越来越多,我们的单个js文件很大,上几万行时,我们就需要按照功能拆分成多个单一通用的文件,我们称之为模块。 模块的演变过程 最原始写法: 简单又粗暴,一些变量,一些方 阅读全文
posted @ 2019-08-02 16:37 疯子110 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 实例代码 说明 步骤: 加事件 事件处理中,获取椭球体笛卡尔坐标 笛卡尔坐标转制图坐标 获取html Dom元素,显示信息 详细 加事件 在Cesium中先new事件句柄,然后设置处理输入动作函数action,第二个参数是枚举,实际值为数字 var handler=new Cesium.Screen 阅读全文
posted @ 2019-08-02 16:35 疯子110 阅读(6083) 评论(0) 推荐(1) 编辑
摘要: Cesium 官网教程地址 https://cesium.com/docs/tutorials/getting-started//tutorials/getting-started/ 第一个程序代码: Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1 阅读全文
posted @ 2019-08-02 16:34 疯子110 阅读(2804) 评论(0) 推荐(0) 编辑
摘要: Cesium中地形可以在新建Viewer中,第二个参数,配置项进行配置,由{}对象形式定义 {//世界地形 terrainProvider:new Cesium.CesiumTerrainProvider({ url:Cesium.IonResource.fromAssetId(1), reques 阅读全文
posted @ 2019-08-02 16:33 疯子110 阅读(3031) 评论(0) 推荐(0) 编辑
摘要: KML Cesium.KmlDataSource.load CZML Cesium.CzmlDataSource.load GeoJson Cesium.GeoJsonDataSource.load 3DTile var city = viewer.scene.primitives.add(new 阅读全文
posted @ 2019-08-02 16:29 疯子110 阅读(1366) 评论(0) 推荐(0) 编辑
摘要: heading 偏航角 pitch 俯仰角 roll 滚转角 维基百科参考 阅读全文
posted @ 2019-08-02 16:28 疯子110 阅读(7568) 评论(0) 推荐(3) 编辑
摘要: 实例核心代码 重要知识点 创建场景 创建地形 Cesium.CesiumTerrainProvider 地形提供者 添加图片层级(图片资源提供者xxxImageryProvider) 创建初始化摄像机视图 加载数据 KML数据加载 var geocachePromise = Cesium.KmlDa 阅读全文
posted @ 2019-08-02 16:23 疯子110 阅读(23051) 评论(0) 推荐(2) 编辑
摘要: 3D Models 三维模型 本教程将教您如何通过Primitive API转换、加载和使用Cesium中的三维模型。如果你是Cesium的新用户,可能需要阅读三维模型部分的(空间数据可视化教程)[https://cesium.com/docs/tutorials/creating-entities 阅读全文
posted @ 2019-08-02 15:14 疯子110 阅读(3967) 评论(0) 推荐(0) 编辑