Cesium
关注
分享
扫一扫
Alice爱俪丝
人生不是一场物质的盛宴，而是一次灵魂的修炼，让她在谢幕之时比开幕之初要高尚一点。
展开
-
cesium动画实现语言：CZML
1 、 CZML语言和.czml文件相关资料链接 1.1、CZML 整体结构 .czml文件或者.czml文件，实质就是指定包含内容的JSON格式文件。类比于简历，那就是简历模板。 官网：CZML端部资料 官网 CZML 结构 中文： https://www.cnblogs.com/laixiangran/p/4997971.html...原创 2018-06-27 14:41:38 · 9175 阅读 · 0 评论 -
不会写爬虫代码，有时候也能窥探到WEB数据--以Cesium为例
看到这真实的3Dtiles是不是手痒，控制不住你自己？那还等什么？ URL挂上下面的token（不要忘记？先生），不就是你期待已久的数据大人吗？https://assets.cesium.com/3836/tileset.json?access_token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1MjY4NjViOC1hMGM4L...原创 2018-09-04 14:37:58 · 627 阅读 · 0 评论 -
Cesium实现线段与贴地三角形交点的捕获 --Cesium.IntersectionTests.lineSegmentTriangle
在Cesium开发中需要获取线段【line Segment】与地面三角形【Triangle】三条边的交点，查阅官方API文档说明，发现Cesium框架提供了 Cesium.IntersectionTests.lineSegmentTriangle（）功能函数。但是在使用中无法获取交点。被此问题困扰了两天，今天想到可能因为地球是个球体，所以贴地面是弧面，导致水平线段，不能与三角面相交。所以此处...原创 2018-08-30 13:31:48 · 5886 阅读 · 0 评论 -
Cesium克隆帮你防止重复加载模型卡顿--Cesium.clone()
利用Cesium.clone()，轻松加载飞机模型双胞胎，而且不卡顿。注意：不要直接克隆entity，因为ID冲突，无法加载到场景中。 var position = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, height); var position1 = Cesium.Cartesian3.fromDegr...原创 2018-09-05 10:36:29 · 5320 阅读 · 0 评论 -
Cesium之单体化--classificationType
略做修改的官网demo Cesium中提供的【classificationType : Cesium.ClassificationType.CESIUM_3D_TILE】参数，可以轻松实现单体化，下面的四棵树可以明显区分。center = new Cesium.Cartesian3(1216409.0189737265, -4736252.144235287, 4081393.60270...原创 2018-09-07 16:43:29 · 12136 阅读 · 4 评论 -
Cesium之【笛卡尔坐标与WGS84】坐标变换
Cesium中模型操作交互、三维场景交互，常用到坐标变换，各种变换原理请参阅如下链接。cesium中常用的坐标有两种WGS84地理坐标系和笛卡尔空间坐标系。我们平时常用的以经纬度来指明一个地点就是用的WGS84坐标，笛卡尔空间坐标系常用来做一些空间位置变换如平移旋转缩放等等。...原创 2018-09-11 08:45:50 · 7348 阅读 · 0 评论 -
ajax加载HTML模板，动态渲染json数据
【obj】参数是读取的json文件，采用【singulation.html】模板进行渲染 function singulationInfoHtml(obj) { var objE = document.createElement("div"); objE.id = obj.id; objE.setAttribute('class', 'sin...原创 2018-09-21 17:19:31 · 8270 阅读 · 0 评论 -
Cesium热力图之【CesiumHeatmap】
相关资料官网介绍npm上的介绍GitHub源码用法总结方法1、 HTML中直接用【script】标签包含let bounds = { west: 147.13833844, east: 147.13856899, south: -41.43606916, north: -41.43582929}; // init heatmaplet heat...原创 2018-09-29 10:55:23 · 8906 阅读 · 5 评论 -
解决Cesium绘制几何图形被高程遮挡问题
图一viewer.scene.globe.depthTestAgainstTerrain = true;图二viewer.scene.globe.depthTestAgainstTerrain = false;depthTestAgainstTerrain设置该属性为true之后，标绘将位于地形的顶部；如果设为false（默认值），那么标绘将位于平面上。所以被高程地形遮挡。缺陷：...原创 2018-10-18 10:52:28 · 14608 阅读 · 9 评论 -
cesium entity实体删除，漏删问题
问题删除实体的时候，会实时修改 viewer.entities的下标，例如 entitys.length = 20，找到第一个 entitys[i]._name === “lablebill” （设其为第10个实体）的实体删除后， entitys.length 变成 19，而原来的第11个实体变成了第10个实体，所以循环的时候会漏掉，解决方法： i--; //循环删除多...原创 2019-05-30 14:39:57 · 11685 阅读 · 0 评论 -
openstreetmap获取城市接到OSM数据，并转换成GeoJson
步骤一：进入openstreetmap(osm)官网：https://www.openstreetmap.org/在搜索框内搜索你想要查询的城市，如：天津市得到一下信息：步骤二：进入osm overpass api :http://www.overpass-api.de/点击上图中框选按钮进入以下页面输入如下代码：<query type=""relation>...原创 2019-08-03 17:31:14 · 4986 阅读 · 0 评论 -
Cesium之【高度】量算
//****************************高度测量 第一个点的经纬度，第二个点的高度，两点水平距离为半径************************************************// var measureHeight = function (viewer, handler){ handler_g = handler = new Cesium.S...原创 2018-08-25 16:50:34 · 8768 阅读 · 9 评论 -
Cesium 如何区分单击【LEFT_CLICK】和双击事件【LEFT_DOUBLE_CLICK】
var timeoutID = null;handler.setInputAction(function(movement){ clearTimeout(timeoutID); timeoutID= window.setTimeout(function(){ var cartographic = Cesium.Cartographic.fromCartesian(pos...原创 2018-08-29 09:37:04 · 3713 阅读 · 2 评论 -
Cesium加载.shp三维城市建筑模型，并根据3DTiles建筑物高度修改颜色
1、Cesium官网例子（纽约）https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=3D%20Tiles%20Feature%20Styling.html2、加载.shp格式建筑模型首先将.shp文件转换成Cesium可以加载的文件格式方法1：参考我的博客转换为3dtiles 推荐一款专为Cesium开源数字...原创 2018-08-23 14:11:17 · 17614 阅读 · 11 评论 -
cesium 之 czml-writer .net版本部署
1、官方资料链接https://github.com/AnalyticalGraphicsInc/czml-writer下载czml-writer-master，解压后路径如下。包含C#实现的.net版本和java版本2、VS2015打开.net版本源码。文件结构如下。可以运行server例子查看效果。3、总结 个人认为czml-writer就是一个类包，我们...原创 2018-06-27 14:36:50 · 2705 阅读 · 0 评论 -
cesium动画实现语言CZML的最小单元中文翻译--packet
下面记录一下我对packet的翻译笔记： packet本页记录了CZML文件或数据流可能包含的内容。如果想了解CZML文件是如何组装在一起的，请阅读CZML结构的介绍。packet描述了场景中某一个对象的各种属性，例如一架飞机。pocket数据包如下： { "id": "Facility/AGI", "name": "AGI", "avai...原创 2018-06-26 18:09:28 · 2653 阅读 · 0 评论 -
Cesium环境搭建 + 参考资料
cesium环境搭建：https://blog.youkuaiyun.com/Prepared/article/details/68927713入门指导：https://www.jianshu.com/p/24df10a3ce08参考资料：1.官网Cesium官网：https://cesiumjs.org/火星科技提供的Cesium官方教程的翻译：http://marsgis.net/cesi...原创 2018-06-22 10:29:07 · 3610 阅读 · 0 评论 -
Cesium粒子特效笔记
cesium粒子特效参数说明：1、ParticleSystem:官网地址链接https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=Particle%20System.html粒子系统控制着每个粒子对象随着时间的显示和变化。粒子由粒子发射器产生，存活一段时间后消失。2、Cesium.ParticleSystem(options) API参数说...原创 2018-07-04 18:18:17 · 5519 阅读 · 2 评论 -
cesium 之 czml-writer java版本工程代码编译
1、.net版本使用VS2017，按照官网提示很容易编译运行，官网网址如下https://github.com/AnalyticalGraphicsInc/czml-writer/wiki/Quick-Start 2、java版本需要使用eclipse 首先搭建eclipse + tomcat 环境，参照以下网址：https://blog.csdn.n...原创 2018-07-24 18:03:46 · 2630 阅读 · 0 评论 -
Cesium【空间距离】量算
网上提供了地表测距方法，这里供上【空间】测距的方法：两者区别是前者只是两点间的水平距离，仅考虑到【经纬度】，后者还考虑到了【高度】。/******************************************* *///测量空间直线距离 /******************************************* */var measureLineSpace...原创 2018-08-22 09:48:21 · 12506 阅读 · 22 评论 -
Cesium通过AJAX加载并渲染Json文件保存数据
var buding_info_entity = viewer.entities.add(new Cesium.Entity());//*******************************添加pin标注***************************************//function add_pin_fun(p_position,text){ var pin...原创 2018-08-22 09:59:01 · 2653 阅读 · 0 评论 -
Cesium之【空间面积】测量
空间面积测量对象是平面，考虑到了取点的高度；地表面积测量的是球体（地球）曲面 //****************************测量空间面积************************************************//var measureAreaSpace = function (viewer, handler){ handler = new Cesi...原创 2018-08-22 17:23:05 · 8154 阅读 · 16 评论 -
推荐一款专为Cesium开源数字地球平台打造的免费数据处理工具集
该工具既由【北京西部世界科技有限公司】提供 公司网站：https://www.bjxbsj.cn/#robotCesiumlab是一款专为Cesium开源数字地球平台打造的免费数据处理工具集。目前包含 地形数据处理、影像数据处理、点云数据处理、数据下载、建筑物矢量面处理、倾斜数据处理、三维场景(max,maya)处理、BIM数据(revit,ifc)处理等工具。同时提供一套java开发的数...原创 2018-08-20 10:56:15 · 11708 阅读 · 2 评论 -
Cesium之【三角】量测
//****************************三角测量 ************************************************//var measureTriangle = function (viewer, handler){ handler_g = handler = new Cesium.ScreenSpaceEventHandler(view...原创 2018-08-27 15:12:53 · 3335 阅读 · 7 评论 -
Cesium切换entity【隐藏】与【显示】的技巧 ----parent 属性的使用
var near_water_entity = viewer.entities.add(new Cesium.Entity());function Add_near_water(Id, lng, lat) { var entity = viewer_g.entities.add({ parent:near_water_entity, id: Id, ...原创 2018-08-23 09:03:32 · 13357 阅读 · 7 评论 -
Cesium控制相机，实现绕点旋转飞行
通过时钟和相机控制，实现绕点旋转点击链接查看效果控制时钟的停止旋转参考点击链接查看效果cesium demovar viewer = new Cesium.Viewer('cesiumContainer'); var options = { lng: 117.1423291616, lat: 39...原创 2019-08-20 11:26:14 · 7764 阅读 · 4 评论