数据可视化
文章平均质量分 62
DoYouKnowArcgis
地理信息系统开发人员
展开
-
【THREE.JS学习(3)】使用THREEJS加载GeoJSON地图数据
Three.js中的坐标系是以单位为米(m)的坐标系,而在地理数据中,如Geojson使用的是经纬度作为坐标系,所以在使用、加载的过程中需要对数据进行坐标转换,才能够正确的显示地理数据。和mapbox、cesium之类的webgis加载数据不同(原理差不多),不能直接加载json数据,然后直接显示,需要我们对Json数据进行解析,然后按照一定的方式来生成图像。其中,{OrbitControls}为控制器,加载后可以通过鼠标来移动加载数据的方向、放缩等。接着,对加载的文件进行处理。STEP 3:开始渲染。原创 2023-02-23 22:20:04 · 5104 阅读 · 3 评论 -
【THREE.JS学习(2)】在VUE中使用ThreeJS
在使用THREE的过程中,发现很多例子都是用了ES6的语法,在调试时,需要将其进行编译。笔者尝试了用parcel进行搭建个人应用环境,也可以,但是相对而言,还是VUE更加方便。本文以创建的默认文件【HelloWorld.vue】为例,直接对该文件进行修改。该处以VUE2 为例,介绍THREE(案例一)在VUE中的使用。依旧和【文章一】中的步骤一样,{场景、相机、渲染器}三者的创建。这样初始条件就设置好了,接下来就可以生成对应的条件了。接着,在使用时,我们需要获取当前屏幕的可视大小。原创 2023-02-22 16:46:29 · 834 阅读 · 0 评论 -
【THREE.JS学习(1)】绘制一个可以旋转、放缩的立方体
4.far 相机视锥体远裁截面相对相机距离,far-near构成了视锥体高度方向。上述三步建立好了THREEJS中的场景、相机以及渲染器,接下来需要构建什么模型就创建什么。2.aspect 相机视锥体水平方向和竖直方向长度比,默认值1。1.fov 相机视锥体竖直方向视野角度,默认值50 =》3.near 相机视锥体近裁截面相对相机距离,默认值0.1。创建一个立方体,并将其加入到场景(Scene)中。值越大,表示视角越大,离得更远,看得更多。再创建一个渲染器,将结果添加至html中。学习新技能,做一下笔记。原创 2023-02-17 11:57:18 · 884 阅读 · 0 评论 -
【数据可视化】高德Api使用自定义底图没有变化(Antv中自定义高德地图的使用)
解决了高德地图自定义地图调用无效果的问题;原创 2022-09-13 10:58:26 · 1635 阅读 · 3 评论 -
【数据可视化】飞线图(航线图)在地图中的生成的三种方案
飞线图在当前数据跨区域的状态下,使用越来越多,但是并没有现成的可视化工具来实现,本文介绍了三种飞线图的实现方法。原创 2022-08-19 18:08:37 · 7918 阅读 · 0 评论