
Cesium
文章平均质量分 60
cesium技术分享
前端小孟
web前端工程师,WebGL工程师
展开
-
cesium教程7-航迹模拟(无人机轨迹模拟飞行)
航迹模拟-----模拟真实无人机飞行的轨迹和云台的拍摄方向,到达指定的拍摄点返回拍摄点的ID,用于显示对应拍摄点的照片或者视频原创 2021-12-15 16:15:23 · 9216 阅读 · 6 评论 -
cesium教程6-设置面板
这次我们总结了一些cesium项目当中用到的参数设置比如设置点云点大小,设置点云内存限制,动态设置光照衰减,动态设置衰减比例等等,这些都是利用官方api实现,所以不多说,直接给代码原创 2021-11-22 16:15:50 · 1689 阅读 · 0 评论 -
cesium教程5-导航插件
效果插件作者github地址:https://github.com/alberto-acevedo/cesium-navigation或者在csdn资源下载https://download.youkuaiyun.com/download/qq_27118895/43007972用法 <script> let viewer = new Cesium.Viewer("cesiumContainer", { terrainProvider: Cesium.原创 2021-11-16 15:20:37 · 1669 阅读 · 0 评论 -
cesium教程4-测量工具
测量是cesium系统必要的模块,一般测量则是这几个(下图)长度测量,面积测量,还有直线,水平,垂直的测量,现在我就把测量基本原理和代码分享给大家先看一下效果长度测量面积测量直线,水平,垂直测量1.距离测量距离测量其实就是测量两个点之间的距离,通过直角三角形求斜边 的原理求距离.但是我们不用这么麻烦,cesium官方提供了 //传入两点返回长度 Cesium.Cartesian3.distance(onePoint, twoPoint); //逻辑代码如下.原创 2021-09-10 16:34:17 · 6578 阅读 · 11 评论 -
cesium教程-3(显示高度,海拔,经度,纬度)
老规矩先看效果解析:在Cesium里面,我们可以通过Cesium.ScreenSpaceEventHandler的实例化对象的setInputAction方法绑定鼠标事件:var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);//Cesium.ScreenSpaceEventType.MOUSE_MOVE :监听鼠标移动handler.setInputAction(function(event) {}, Cesium.原创 2020-09-14 17:08:07 · 4697 阅读 · 1 评论 -
cesium-2.加载天地图服务(影像和标注)
先看效果1.准备工作申请天地图密钥(注册天地图账号-选择控制台)天地图地图服务采用OGC WMTS标准,服务列表见http://lbs.tianditu.gov.cn/server/MapService.htmlWMTS服务接口说明见: http://tdt.fuzhou.gov.cn/help/apipfs/3.htm2.上代码<!DOCTYPE html>&...原创 2020-04-29 22:22:16 · 7438 阅读 · 5 评论 -
cesium教程-1.快速开始
1.介绍CesiumJS是一个用于Web上3D地图的JavaScript库。开发者通过Cesium,实现无插件的创建三维球,Cesium通过WebGL技术实现图形的硬件加速,并且跨平台,跨浏览器,cesium官网:https://cesium.com/实例地址:https://sandcastle.cesium.com/开发工具:推荐vscode(免费,插件很多)浏览器:推荐使用谷...原创 2020-04-29 21:05:18 · 1651 阅读 · 0 评论