随笔分类 -  Cesium

上一页 1 2

开源三维WebGIS平台
Java GDAL 环境配置
摘要:一、简介 GDAL是栅格和矢量地理空间数据格式的转换器库,由开源地理空间基金会根据X / MIT样式的开源许可证发布。作为一个库,它为调用的应用程序提供了所有支持格式的单个栅格抽象数据模型和单个矢量抽象数据模型。它还带有用于数据转换和处理的各种有用的命令行实用程序。 二、配置 1、下载编译好的GDA 阅读全文

posted @ 2020-12-15 18:17 历历往事如在昨日 阅读(1410) 评论(0) 推荐(0)

Pannellum 360全景图片展示
摘要:1、介绍 Pannellum是用于Web的轻量级,免费和开放源代码的360全景图片查看器。它是使用HTML5,CSS3,JavaScript和WebGL构建的,没有插件。 提供了大图片切片工具generate.py Python脚本,可展示多分辨率图片。 2、影像切片 也可以不切片,但是图片太大就要 阅读全文

posted @ 2020-12-14 19:30 历历往事如在昨日 阅读(1534) 评论(0) 推荐(0)

Cesium 视锥体绘制,并动态更新朝向
摘要:Cesium 视锥体绘制,并动态更新朝向 阅读全文

posted @ 2020-12-04 19:09 历历往事如在昨日 阅读(3968) 评论(0) 推荐(1)

Cesium 遥感卫星影像推送效果绘制
摘要://添加卫星 function addSatellite() { satellite.curRouteLine = viewer.entities.add({ name: "satelliteline", polyline: { positions: new Cesium.CallbackPrope 阅读全文

posted @ 2020-11-26 19:04 历历往事如在昨日 阅读(1851) 评论(1) 推荐(1)

WebGL绘制三角形
摘要:webgl提供了一种很方便的机制,即缓冲区对象(buffer object),它可以一次性地向着色器传入多个顶点的数据。 缓冲区对象是是webgl中的一块内存区域,我们可以一次性向缓冲区对象填充大量的顶点数据,然后将这些数据保存在其中,共着色器使用。 我们在initVertexBuffers函数中利用缓冲区对象向顶点着色器传输了多个顶点的数据,所以还需要第三个参数告诉gl.drawArray()函数 需要绘制多少个顶点。webgl系统并不知道缓冲区中有多少个顶点数据,所以应该显示告知。 使用缓冲区对象向顶点着色器传输多个顶点数据的五个步骤 1、创建缓冲区对象(gl.createBuffer()) 2、绑定缓冲区对象(gl.bindBuffer()) 3、将数据写入缓冲区对象(gl.bufferData()) 4、将缓冲区对象分配给一个attribute变量(gl.vertexAttribPointer()) 5、开启attribute变量(gl.enableVetexAttribArray()) 阅读全文

posted @ 2020-11-24 14:19 历历往事如在昨日 阅读(203) 评论(0) 推荐(0)

WebGL 鼠标点击绘制点
摘要:WebGL中的绘制操作实际上是在颜色缓冲区中绘制的,绘制结束后系统将缓冲区中的内容显示在屏幕上, 然后颜色缓冲区就会被重置,其中的内容会丢失。因此我们有必要将每次鼠标点击的位置保存下来。 将浏览器绘图区坐标系下的坐标转换为webgl坐标系下的坐标,然后绘制。 阅读全文

posted @ 2020-11-20 11:08 历历往事如在昨日 阅读(470) 评论(0) 推荐(0)

Cesium 融合高德Web API 线路规划与导航
摘要:<!-- * @Author: 苹果园dog * @Date: 2020-11-13 14:48:40 * @LastEditTime: 2020-11-18 10:26:31 * @LastEditors: Please set LastEditors * @Description: In Use 阅读全文

posted @ 2020-11-18 14:51 历历往事如在昨日 阅读(2359) 评论(2) 推荐(0)

WebGL绘制点
摘要:<!-- * @Author: 苹果园dog * @Date: 2020-11-16 23:33:54 * @LastEditTime: 2020-11-17 10:27:58 * @LastEditors: Please set LastEditors * @Description: 以下内容从w 阅读全文

posted @ 2020-11-17 10:33 历历往事如在昨日 阅读(219) 评论(0) 推荐(0)

Cesium 的各种定位方法汇总——未完待续
摘要:Cesium 的各种定位方法汇总,只列出项目中经常使用的,如果不够灵活,可直接调用Cesium官方API,也很方便。 Cesium的定位从效果上包含两种:直接定位、飞行定位。在方法封装上,本狗姑且将直接定位分类为zoomTo系列,飞行定位分类flyTo。 定位的对象上包括:坐标点、矩形范围、entities、3dtiles、gltf、kml、geojson、影像、地形、geometry Cesium的定位主要是使用Camera对象和Viewer对象,Viewer的定位zoomTo,flyTo等方法是较高级别的函数,可以定位到Entity、3dtiles、DataSource等添加到三维球上显示的实体, Viewer的定位方法内部都是调用Camera的相关定位方法,针对不同的定位对象,通过一些列计算得出传入实体的合适定位范围,然后定位,使用起来很方便。 Camera的flyTo、flyToBoundingSphere、lookat、setView等方法是较低级别函数,通过定位坐标和角度参数的传入,精细化控制定位视角,灵活。 阅读全文

posted @ 2020-11-10 23:31 历历往事如在昨日 阅读(5995) 评论(0) 推荐(1)

cesium 数据处理工具 COLLADA2GLTF
摘要:D:\20190520\xiangmu\cesium_data_treat\COLLADA2GLTF-v2.1.5-windows-Release-x64 阅读全文

posted @ 2020-10-28 16:32 历历往事如在昨日 阅读(831) 评论(0) 推荐(0)

变电站新——人员监控
摘要:部署位置 端口2223,前端67 /data/thrc_zhf/biandianzhan/soft/new/dist /data/thrc_zhf/biandianzhan/soft/new/biandianzhan_server 阅读全文

posted @ 2020-10-16 16:34 历历往事如在昨日 阅读(175) 评论(0) 推荐(0)

目前支持 WebGL 的浏览器
摘要:目前支持 WebGL 的浏览器有:Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+, Internet Explorer 11+和Microsoft Edge build 10240+;然而, WebGL一些特性也需要用户的硬件设备支持。 阅读全文

posted @ 2020-07-04 14:49 历历往事如在昨日 阅读(1780) 评论(0) 推荐(0)

cesium加载geoserver 发布的wmts服务
摘要://wmts瓦片服务viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({ url: 'http://localhost:9001/geoserver/gwc/service/wmts 阅读全文

posted @ 2019-12-30 18:49 历历往事如在昨日 阅读(2177) 评论(1) 推荐(0)

cesium 信息框 infowindow
摘要:if (pick.id.name _entityNames.dikuai) { content = '<div>' + entityDatainfo.title_num + '</div><table ><tbody>'; content += '<tr><td>' + entityDatainfo.land_location + ' ' + entityDatainfo.qu_yu + ' ' 阅读全文

posted @ 2019-12-27 19:10 历历往事如在昨日 阅读(1658) 评论(0) 推荐(0)

cesium 加载wms服务
摘要:var provider = new window.Cesium.WebMapServiceImageryProvider({ /*url : 'http://ip:8080/geoserver/NOAA_Viirs/wms',*/ url:'http://ip:8084/noaa', layers 阅读全文

posted @ 2019-11-11 10:53 历历往事如在昨日 阅读(2247) 评论(0) 推荐(0)

cesium 实时网格动态生成 与 3D点云坐标框架生成
摘要:var PointCloud2Grid=(function () { /** * 根据已有点云创建网格阵列 * @param airdatas 大气监测数据点的集合 */ function createAirGrids(airdatas,gridwidth) { if (!airdatas || ! 阅读全文

posted @ 2019-08-07 15:47 历历往事如在昨日 阅读(5223) 评论(22) 推荐(2)

cesium label文字标注
摘要:entity.label={ text : parseFloat(airdata[curAirParaName]).toFixed(2), color : Cesium.Color.fromCssColorString('#fff'), font:'normal 32px MicroSoft YaH 阅读全文

posted @ 2019-07-30 19:29 历历往事如在昨日 阅读(13375) 评论(0) 推荐(1)

上一页 1 2

导航