随笔分类 - cesium
摘要：mapserver服务加载 服务获取： 方法：在链接后面添加 REQUEST=getcapabilities 例如： http://127.0.0.1/mapserver/vmap/WMTS/1.0/XZQH/11?REQUEST=getcapabilities 加载的链接可以在xml文件中获取。
阅读全文
摘要：国内经纬度随机数据 随机数据： [121.48,31.22,121.24,31.4,121.48,31.41,121.7,31.19,121.76,31.05,121.46,30.92,121.24,31,121.16,30.89,121.1,31.15,121.4,31.73,102.73,25.
阅读全文
摘要：cesium之添加天地图 公共参数： var token = '7b56038c276128a86a5b946404bf4df4'; // 服务域名 var tdtUrl = 'https://t{s}.tianditu.gov.cn/'; // 服务负载子域 var subdomains=['0'
阅读全文
摘要：earthsdk之tileset样式调整 // 注意shader中写浮点数是，一定要带小数点，否则会报错，比如0需要写成0.0，1要写成1.0 float _baseHeight = 0.0; // 物体的基础高度，需要修改成一个合适的建筑基础高度 float _heightRange = 60.0
阅读全文
摘要：Cesium之屏蔽光照方向受时间的影响 原理： cesium的太阳光照方向受系统时间和时间轴的影响。 只需要新建一个光照（DirectionalLight）替代环境光即可。 代码： this.viewer.scene.light = new Cesium.DirectionalLight({ col
阅读全文
摘要：cesium 颜色使用 Cesium.Color.RED 透明度 Cesium.Color.RED.withAlpha(0.1) 16进制颜色设置 Cesium.Color.fromCssColorString('#67ADDF') rgba Cesium.Color(1,0.1,0.5,0.5)
阅读全文
摘要：win10之图形性能首选项 此项设置可以提高浏览器渲染三维场景的性能。 原理：配置配置应用选择优先性能、不考虑电池使用时间。 配置方法： 1、win10搜索图形设置，打开 2、点击浏览，选择谷歌安装位置的exe文件，点击添加 转载自：@胡 钻研不易，转载请注明出处。。。。。。
阅读全文
摘要：gis之通过中心点和半径计算圆形的经纬度数据 方法： countCircle(t, e) { var r = t / (2 * Math.PI * 6371004) * 360 let s = [] for(let i=0;i<360;i++){ let x = e[0] + r * Math.co
阅读全文
摘要：cesium之测试项目 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script src="https://cesiumjs.org/releases/1.53/Build/Cesium/Cesium.js"></s
阅读全文
摘要：js之形状补间算法 效果： 从一条线形变成另外一条线，计算其中的变化过程。 应用场景： 1.编写从矩形缓慢变化为圆形。 2.展示水位上升时候海岸线被淹没的过程。 原理： 1.将两条线个字按照长度平均分成1000份得到两个1000个点的数组。 2.两跳线生成的数组的点一一对应。 3.计算两个对应点中间
阅读全文
摘要：TweenJs之多段动画 引入： import TWEEN from 'tween' 代码：（示例为cesium的entity动画） var option = { ratio:0 }//系数 var tween = new TWEEN.Tween(option) .to({ratio:44},100
阅读全文
摘要：cesiumlab之生成tileset数据 第一步：选择工具 第二步：添加shp数据。我的数据里面记录的是每块的层数，所以给层数乘一个高度。乘10m是为了显示效果更好。 第三部：设置一下贴图会有窗户效果，不设置可导出白模。 贴图： 导出格式： 最后渲染效果： 钻研不易，转载请注明出处。。。。。。
阅读全文
摘要：obj转gltf 1.首先在cesium目录下安装obj2gltf（如果没有nodejs的就装一个吧，反正又简单官方还推荐） 2.npm install --save obj2gltf然后在node_modules目录下找到obj2gltf，把你需要转的obj和带的贴图放在obj2gltf根目录下（
阅读全文
摘要：cesium之添加Primitive大量长方体 场景： 变成中发现页面用peimitive加载上万个长方体柱子会出现页面很卡的问题。 原因： 每创建一个长方体用viewer.scene.primitives.add(new Cesium.Primitive())加载一次。 解决方法： 将所有的柱子创
阅读全文
摘要：cesium之创建一个干净的地球 效果图： 代码： <template> <div id="wallmapway"></div> </template> <script> import * as Cesium from 'cesium/Cesium' import "cesium/Widgets/w
阅读全文
摘要：Cesium之地图研究 作者：璐璐 ##### entities(可添加 point、polyline、billboard、wall、model、polylineVolume等等) * 添加点 ```js viewer.entities.add({ name: '', position: Cesiu
阅读全文
摘要：cesium之添加3DTileset //加载无锡三维模型-3D Tiles格式 addWXModelBy3DTiles() { let tiles = new Cesium.Cesium3DTileset({ url: '/wuxi7/tileset.json', // 带网络属性模板 maxim
阅读全文
摘要：cesium之计算两个经纬度点间的距离 方法; /* 计算两点之间的距离 */ getDistance (satrt, end) { var geodesic = new Cesium.EllipsoidGeodesic(); geodesic.setEndPoints(satrt, end); v
阅读全文
摘要：Cesium+earthSD实现相机飞行动画 效果： 原理： 1.通过earthsdk将在两个点之间画出飞线，得到飞线点集数据 2.通过飞线点集数据，计算出每个点上的摄像机方向，得到摄像机方向集合 注意：在经过经度180度线的时候，会有摄像机反向问题，需特别处理 3.将飞线点集数据和摄像机方向集合生
阅读全文
摘要：Cesium之大批量点加载研究 需求：有一个6万4千个点的geojson文件全部加载到Cesium地球上去 实现方式： PointPrimitive加载 代码： var randomCount = 80000; var pointPrimitives = null;// 申明点渲染集合 pointP
阅读全文
