Cesium
丰色木夕
程序员,21世纪中国最伟大的职业之一
展开
-
关于Ceisum中的heading、pitch、roll的定义
关于Ceisum中的坐标系名称定义许多小伙伴会忘记(俯仰角、偏航角、翻滚角)混淆或记不清。做三维GIS开发的、导航的,经常需要用到Cesium中 heading pitch roll中文定义航空定义CesiumJS中对应笛卡尔旋转轴俯仰角pitchpitchX轴偏航角yawheadingY轴翻滚角rollrollZ轴这里献给大家两张...原创 2020-04-24 16:05:30 · 1391 阅读 · 1 评论 -
Cesium入门简介
Cesium介绍Ceisum是一款开源的基于JavaScript编写的使用WebGL的3D地图引擎。可用于动态地理空间数据的可视化应用开发,它是一款高性能的3维渲染引擎。Ceisum的诞生背景首先介绍一下AGIAGI的英文全称为Analytical Graphics Incorporation,三位创始人曾在通用公司宇航部的供职工程师,提供STK(System/Satellite Tool...原创 2020-04-24 14:48:01 · 1589 阅读 · 0 评论 -
ceisum粒子系统实现爆炸效果
啥是粒子系统?概念听起来总是如此高深。其实,简单的说,就是通过对大量的每一个微小粒子的控制(颜色、位置运动),来模拟某些场景。比如,模拟爆炸、下雨、烟雾、等特效什么的。这里以ceisum中实现爆炸特效为例,介绍如何在ceisum中实现爆炸效果。...原创 2020-04-20 12:05:09 · 3895 阅读 · 2 评论 -
Cesium创建平移、旋转、缩放矩阵
创建平移矩阵 4x4//创建平移矩阵方法一const mat4 = Cesium.Matrix4.fromArray([1.0, 0.0, 0.0, 0.0,0.0, 1.0, 0.0, 0.0,0.0, 0.0, 1.0, 0.0,x, y, z, 1.0]);//创建平移矩阵方法二const translation = Cesium.Cartesian3.fromArr...原创 2020-03-06 22:29:01 · 6879 阅读 · 0 评论 -
关于加载3d tile模型数据及修改坐标
3d tile模型是倾斜摄影模型,导出的坐标可能不对,或者坐标需要调整Cesium下如何加载、修改3d tile模型的海拔及经纬度方案一、加载的同时,指定变换矩阵进行修改const url = '/local/3dtile.json'const x = [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1] // 这里的实际上不是这个1矩阵const modelMat...原创 2020-03-05 22:13:51 · 5871 阅读 · 3 评论 -
设置相机视角及跟踪一个移动的实体
一、设置视角1.通过setView设置相机视角// 通过设置相机位置目标点viewer.camera.setView({ destination : new Cesium.Cartesian3(x, y, z), orientation: { heading : headingAngle, pitch : pitchAngle, ...原创 2020-01-17 17:09:44 · 3056 阅读 · 0 评论 -
设置RGBA颜色
cesium中设置自定义的rgba颜色如RGBA的颜色值为如下所示:R = 0x60G = 0x50B = 0x00A = 0xFF则设置方法如下new Cesium.Color.fromRgba(0xFF005060)` 上面的RGBA 颜色设置发现不对,有问题,参数中的十六进制实际是 ABGR ,顺序正好与RGBA相反...原创 2020-01-08 18:20:45 · 1695 阅读 · 0 评论 -
旋转实体矩形面的贴图角度
如何旋转实体矩形面的贴图创建实体矩形面后,经常需要旋转矩形面。但是旋转矩形面后,上面的贴图并未旋转,解决办法如下:const rotateZ =45const entity = viewer.entities.add({ name, rectangle: { coordinates: Cesium.Rectangle.fromDegrees(lng1...原创 2020-01-08 15:10:28 · 331 阅读 · 0 评论 -
材质允许png格式的图片透明
如何使用带透明的png图片材质创建cesium元素,经常需要使用材质贴图,有的需要使用png格式的图片这时,如何直接指图片路径,则在cesium中显示png图片的透明部分会被自动填充,解决办法如下const material = new Cesium.ImageMaterialProperty({ image: imageUrl, repeat: Cesium...原创 2020-01-08 14:25:07 · 970 阅读 · 0 评论 -
cesiumjs坐标经纬度转换
var ellipsoid = viewer.scene.globe.ellipsoid;var coord_wgs84 = Cesium.Cartographic.fromDegrees(lng, lat, alt);//单位:度,度,米var coord_xyz = ellipsoid.cartographicToCartesian(coord_wgs84);console.log('x=...原创 2019-11-04 15:32:35 · 1572 阅读 · 2 评论 -
Cesium之矩阵变换
齐次变换2. Cesium矩阵变换2.1 创建矩阵创建一个矩阵的方法// 创建一个3X3 的旋转矩阵let m3 = new Cesium.Matrix3(1,0,0,0,1,0,0,0,1)// 创建一个4X4 旋转平移变换矩阵let m4 = new Cesium.Matrix4(1, 0, 0, 0,0, 1, 0, 0,0, 0, 1, 0,0, 0, ...原创 2019-11-25 18:31:54 · 6433 阅读 · 0 评论 -
Cesium的屏幕坐标、世界坐标、WGS84坐标
Cesium的坐标系Cesium中常用的坐标系主要有两种:WGS84坐标系和笛卡尔空间直角坐标系。平时我们常见的某个点的经纬度就是在WGS84坐标系下某个点的坐标,它的坐标原点在椭球的质心;而笛卡尔坐标系主要是用来做空间位置的变化如平移、旋转和缩放等等,它的坐标原点在椭球的中心笛卡尔平面坐标(Cartesian2)new Cesium.Cartesian2(x, y)笛卡尔空间直角...原创 2019-11-25 14:44:52 · 5062 阅读 · 0 评论