自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 mapbox-gl开发:deck.gl轨迹图效果

apbox-gl中能够集成deck.gl的图层,参见mapbox-gl开发:集成deck.gl,扩展集成的形式是使用mapbox-gl的自定义图层(CustomLayer),参见mapbox-gl API说明:https://docs.mapbox.com/mapbox-gl-js/api/properties/#customlayerinterface动态轨迹图的效果,在echarts里有,同样deck.gl中也有对应的例子。echarts官方效果页面:https://echarts.apache

2020-10-29 09:00:27 2268

原创 Three.js开发:单个模型效果简单设置

在Three.js中加载的gltf模型,可以对模型的一些效果进行设置,比如设置模型的透明度、显示线框图、或者设置模型的颜色等。Three.js加载的模型是一个模型场景(scene)数据,场景中包括三维对象(Object3d),一个或者多个对象,所以,设置模型的时候,一般都是要循环场景中的模型。加载gltf模型的时候,要设置一下模型场景(scene)的name,方便初始化的场景(scene)获取到此模型场景。//设置模型场景的名称 model = gltf.scene; mo

2020-10-28 17:07:22 634

原创 三维大气相关系统(视频)

链接地址:https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247485308&idx=1&sn=1dda8ab7d0bf3c8100114641157c3549&chksm=fc8ba74ecbfc2e581448c64cc61bb3df48660c3779334cc6aac9f90fb8c8061f5890e173a603&token=2005173246&lang=zh_CN#rd...

2020-10-23 08:56:20 183

原创 arcgis server重新配置切片的相关操作

参见公众号链接:https://mp.weixin.qq.com/s?__biz=MzU2ODYzNzc4OQ==&mid=2247485318&idx=1&sn=0e2db98d3930da979eca2b0992fb3467&chksm=fc8ba7b4cbfc2ea20f58b4cc47c3f2c070e0c31f32e8df324444d5989d2ca474469398ae389c&token=572147684&lang=zh_CN#rd..

2020-10-20 08:55:44 327

原创 Cesium开发:简单箭头画法

在mapbox-gl上,可以借助turf.js实现简单箭头的画法,Cesium调用本身的api,同样能够实现箭头的画法。实现的方式,也是先计算两个点相对于北向的角度,再根据角度计算一定距离的点坐标,从而达到实现箭头的效果。Cesium计算相对于北向的角度,是根据矩阵来进行计算的,这里参考了网上了一篇博客。具体的实现代码函数:原文链接:https://blog.csdn.net/zy123698745/article/details/102798042/** * 计算a点和b点的角度(偏转角)

2020-10-14 09:15:56 4101

原创 mapbox-gl开发:集成deck.gl

deck.gl是由uber开发出来的基于WebGL的开源大数据量可视化框架,具有提供不同类型可视化图层,能够和mapbox-gl集成。deck.gl项目地址:https://github.com/visgl/deck.gldeck.gl和mapbox-gl集成有两种方式:1、以扩展图层的形式,将deck.gl作为mapbox-gl的一个图层加载进去,这里是mapbox-gl作为主体;//引用mapbox-gl和deck.gl的类库 const { MapboxLayer,

2020-10-13 12:09:40 1923

原创 Three.js中模型对象角度旋转

在Three.js的场景中,加载三维模型,需要对模型参照x、y、z三个轴的角度旋转进行设置,比如Three.js加载三维管线的简单思路,设置三维管线的位置后,需要靠调整3个轴的角度,使模型能够和管线的起点、终点位置保持一致。在加载三维模型的时候,可以直接设置模型的三个轴的rotation属性: model.rotation.x = -Math.PI / 4; model.rotation.z = Math.PI / 4; model.rotation.y = Math.PI / 2;但是

2020-10-10 14:07:08 8321

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除