THREEJS
文章平均质量分 53
DoYouKnowArcgis
地理信息系统开发人员
展开
-
【THREE.JS学习(3)】使用THREEJS加载GeoJSON地图数据
Three.js中的坐标系是以单位为米(m)的坐标系,而在地理数据中,如Geojson使用的是经纬度作为坐标系,所以在使用、加载的过程中需要对数据进行坐标转换,才能够正确的显示地理数据。和mapbox、cesium之类的webgis加载数据不同(原理差不多),不能直接加载json数据,然后直接显示,需要我们对Json数据进行解析,然后按照一定的方式来生成图像。其中,{OrbitControls}为控制器,加载后可以通过鼠标来移动加载数据的方向、放缩等。接着,对加载的文件进行处理。STEP 3:开始渲染。原创 2023-02-23 22:20:04 · 4851 阅读 · 3 评论 -
【THREE.JS学习(2)】在VUE中使用ThreeJS
在使用THREE的过程中,发现很多例子都是用了ES6的语法,在调试时,需要将其进行编译。笔者尝试了用parcel进行搭建个人应用环境,也可以,但是相对而言,还是VUE更加方便。本文以创建的默认文件【HelloWorld.vue】为例,直接对该文件进行修改。该处以VUE2 为例,介绍THREE(案例一)在VUE中的使用。依旧和【文章一】中的步骤一样,{场景、相机、渲染器}三者的创建。这样初始条件就设置好了,接下来就可以生成对应的条件了。接着,在使用时,我们需要获取当前屏幕的可视大小。原创 2023-02-22 16:46:29 · 820 阅读 · 0 评论