
前端,cesium,gis
文章平均质量分 60
专栏主要倾向于前端,gis等。会分享网上很难找到的资源,或者前端,gis等的精辟的知识点,一般这些知识点掌握后,你就抓住了代码的核心,思维通透。
kalinux
这个作者很懒,什么都没留下…
展开
-
浏览器进程与线程调度
1,进程表示一个应用程序,windows下的进程有浏览器,vscode,微信,photoshop等,浏览器下有四种类别的进程浏览器本身(负责打开关闭网页,管理插件,网络资源下载管理等)渲染进程(每个页面是一个进程)浏览器的插件(比如翻译插件,数据抓取插件)GPU(硬件加速图形绘制)2,开一个进程要占据CPU,内存等等计算资源3,渲染进程就是浏览器内核,浏览器内核干的事就是把文件从服务端下载下来,然后再展示出来的过程,这个进程要执行以下几个任务(线程):GUI渲染,定时器,事件触发原创 2021-07-05 21:30:08 · 175 阅读 · 0 评论 -
arcgis pro 2.5将csv数据进行3D克里金插值并导出栅格数据步骤
大体步骤1,将csv转为shp文件,然后将shp进行克里金插值,然后将插值结果导出为栅格数据,然后制作数据的多边形数据文件,根据多边形将矩形栅格裁剪为多边形的形状。各个步骤操作详细步骤1,将csv转为shp文件:将导入的csv右键export features,然后选择environments,选择output coordinates,选择projected coordinate system,然后选择world,选择WGS 1984 World Mercator,然后配置par...原创 2021-07-05 16:08:50 · 7079 阅读 · 0 评论 -
cesium加载地图和地形底图公共资源地址
https://blog.youkuaiyun.com/wo_buzhidao/article/details/82500390yi一些有用的底图(地图和地形)公共服务地址export const layerData= [ { name: "天地图", address: "http://t0.tianditu.gov.cn/DataServer?x={x}&y={y}&l={z}&T=img_w&tk=6c4e74345073b248fdf10ba...原创 2021-06-15 08:50:44 · 1958 阅读 · 1 评论 -
搭建私有npm仓库并发布包
1,什么是npm仓库?npm是用来管理依赖包的,包括下载,安装,更新。而npm仓库就是用来容纳所有发布者上传的依赖包的地方,放置在服务器上。2,为什么要搭建私有仓库?http://npmjs.org平台是一个公共的依赖包仓库,但是公司内部的若干个项目想要共享一个包或者组件,就要在自己的私有服务器上搭建私有的仓库,这样项目之间可以使用命令行快速获取依赖。...原创 2021-05-07 11:16:13 · 1182 阅读 · 0 评论 -
monorepo学习理解
1,首先举个例子,比如github上的react-router项目,目录结构是这样的:打开packages文件夹里面结构是这样的:以上可以发现,react-router的packages包中包含了许多其他的插件,因为这几个插件互相依赖,而且用到了共同的npm包,如果把他们分别放到一个项目里,管理起来会很麻烦,并且需要重复下载很多次相同的npm依赖,所以干脆放到同一个项目里。这个理念就是monorepo,所以monorepo只是一个管理项目的方式,是一个思想,不是工具。2,那怎么实现这个思想呢,就是比原创 2021-05-06 21:05:51 · 3593 阅读 · 0 评论 -
cesium根据缩放层级对应显示点、图片、模型
1,在距离地球30000000米以上显示为点:var point = new Cesium.PointGrapicsvar entity = thie.viewer.entities.add({ p原创 2021-03-01 14:49:56 · 3781 阅读 · 0 评论 -
typescript
1,什么是typescript?官方定义ts是js的超集,反之js是ts的子集;所以ts包含很多js没有的能力,弥补了js弱类型的不方便,增强了面向对象的能力,等于js的扩展。但是顺带一提,ts最终编译的结果仍然是js。2,ts增加了哪些能力?ts的数据类型可以定义从简单到复杂的一切类型。增加了一些新的概念:包括接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型(Enums)2,typescript的应用场景增强针对js的代码补全、接口提示、跳转到定义、重原创 2021-02-03 14:30:15 · 268 阅读 · 0 评论 -
如何将下载的dae文件转化为gltf文件
1,首先在网站:https://clara.io/library?gameCheck=true&public=true&query=satellite 免费下载到dae模型2,在网站:https://github.com/KhronosGroup/COLLADA2GLTF/releases 下载dae转gltf的工具,假如是win64下载下面的:3,电脑端打开cmd,一路cd 进入下载好的dae转gltf的工具文件夹,并输入命令行:COLLADA2GLTF-bin.exe ...原创 2021-01-13 18:08:01 · 1678 阅读 · 1 评论 -
cesium
https://blog.youkuaiyun.com/weixin_30848775/article/details/983739471,绘制高程var shadingUniforms = {};material = Cesium.Material.fromType('SlopeRamp');shadingUniforms = material.uniforms;加载地形瓦片:viewer.terrainProvider = new Cesium.CesiumTerrainProvider({原创 2020-11-20 09:31:27 · 707 阅读 · 0 评论 -
Cesium后处理postProcessStages特效
1,边缘检测(天际线)createEdgeDetectionStagevar collection = viewer.scene.postProcessStages; var edgeDetection = Cesium.PostProcessStageLibrary.createEdgeDetectionStage(); var postProccessStage = new Cesium.PostProcessStage({ name:原创 2020-11-09 17:35:00 · 3681 阅读 · 1 评论 -
cesium使用trackedEntity动态追踪实体entity,使用viewFrom调整视角
1,代码:earth.trackedEntity=entity;entity.viewFrom=newGeoVis.Cartesian3(-2080,-1715,2000)2,用法:利用trackedEntity 可以实现一直移动相机跟踪entity目标,但是有个问题,就是默认跟踪的距离太近了,看着不爽:我想离目标远一点,这个时候如果跟踪的目标是entity直接设置viewFrom即可:...原创 2020-10-16 14:22:33 · 11026 阅读 · 10 评论 -
Cesium的HeadingPitchRange 用法
这个有别于headingpitchroll,headingpitchroll是用在orientation属性上的(比如相机的setView,flyTo,以及entities.add中)1, 代码varhpRange={};hpRange.heading=GeoVis.Math.toRadians(180);hpRange.pitch=GeoVis.Math.toRadians(0);hpRange.range=60...原创 2020-10-15 20:38:43 · 5365 阅读 · 0 评论 -
cesium计算平滑贴地路径 polyline插值 path贴地
1, 通过选择地球上的点,生成平滑且贴地的路径,但是发现polyline可以通过clampToGround:true属性贴地,path没有贴地属性,path可以通过entity.position.setInterpolationOptions({interpolationDegree:5,interpolationAlgorithm:GeoVis.LagrangePolynomialApproximation});设置插值算法,...原创 2020-10-15 20:57:10 · 4840 阅读 · 0 评论 -
@vue/cli 4.5.6版本初始化项目vue create报错npm ERR! code EINTEGRITY
1,2020/9/29安装node和vue,版本分别如图:2,设置了淘宝镜像后初始化vue项目:vue create test001按照博主此篇文章一路走下来还是报错:3,处理方式,输入命令:npm cache verifynpm cache clean #这个命令执行不了,就执行下面 --force的命令npm cache clean --force #clean掉之后重新执行npm install命令4,重新vue create test002:在此博主文章找到灵感决定在以下.原创 2020-09-29 11:48:06 · 1236 阅读 · 0 评论 -
cesium中remove实体primitve之后报错:This object was destroyed, i.e., destroy() was called.
问题描述: 点击某个事件可以控制primitve在场景中进行反复的添加删除操作,使用以下代码,functionadd(){scene.primitives.add(primitive);}functiondeletes(){scene.primitives.remove(primitive);}在删除primitve之后再次添加会报错:DeveloperError: This object was destroyed, i.e., destroy(...原创 2020-09-22 22:22:43 · 4187 阅读 · 0 评论 -
cesium使用entity绘制动态路径
1,想要实现的功能:在几条静态的卫星轨迹上,几个point和相对应的label一起在轨道上运动。2,已经包含的数据:路径的数据是txt文件,里面是6位数表示的轨迹信息。https://blog.youkuaiyun.com/qq_31683583/article/details/105992210 satellite.js这个库可以解析这种格式的数据。3,现在要做的是,把label绑定在point上,point绑定在轨迹上,让二者沿着轨迹运动。由于位置position是随着时间变化的,所以此时可以利用https..原创 2020-09-21 20:56:26 · 2895 阅读 · 0 评论 -
着色器glsl基础
阅读需知webGL是使用js编写的openGL。cesium本身是基于webGL绘制三维实体的,是webGL的地球引擎。WebGL利用的是canvas的绘图区域。也就是说,使用WebGL的网页,HTML里面肯定含有canvas标签。cesium的实体primitve的mateiral材质可以使用canvas提供的材质,也可以直接使用着色器绘制。canvas的绘制是基于webGL的。着色器属于webGL的范畴,用于绘制特殊的纹理材质和图元。固定渲染管线固定渲染管线,简单来说,就是3d渲染所进.原创 2020-07-07 17:15:05 · 732 阅读 · 0 评论 -
react和cesium为什么要运行在node服务器下
1,web服务器的作用?一般html和js运行在浏览器,服务器用于有后台代码的时候创建,因为浏览器无法解析后台语言比如php,需要使用服务器来转换成浏览器可以理解的语言,然后通过http传输给浏览器。2,node服务器和node.js的关系?后端语言php在和js交互的时候,需要搭建Apache或者nginx服务器进行http传输,Apache用于接收 HTTP 请求并提供 Web 页面,php语言只用来写应用程序并不管http这个事。node.js作为js的后端交互语言,在和js交互的时候要创建原创 2020-05-13 19:55:26 · 625 阅读 · 2 评论