refactor(#9): change coordinate system to EPSG:4978

Makes pointclouds follow the curvature of the globe.

src/cameraSync.js

@@ -5,13 +5,10 @@ export function syncCameras(potreeViewer, cesiumViewer) {
   const pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld)
   const pTarget = potreeViewer.scene.view.getPivot()
 
-  const toCes = (pos) => {
-    const xy = [pos.x, pos.y]
-    const height = pos.z
-    const deg = toMap.forward(xy)
-    return Cesium.Cartesian3.fromDegrees(...deg, height)
-  }
-
+  const toCes = (v) =>
+    new Cesium.Cartesian3(v.x, v.y, v.z)
+
+
   const cPos = toCes(pPos)
   const cUpTarget = toCes(pUp)
   const cTarget = toCes(pTarget)

src/main.js

@@ -21,7 +21,7 @@ async function init() {
     requestAnimationFrame(loop)
     potreeViewer.update(potreeViewer.clock.getDelta(), timestamp)
     potreeViewer.render()
-    if (window.toMap) syncCameras(potreeViewer, cesiumViewer)
+    syncCameras(potreeViewer, cesiumViewer)
     cesiumViewer.render()
   }
 

src/potreeViewer.js

@@ -41,16 +41,10 @@ export async function createPotreeViewer(containerId, pointcloudUrl, settings) {
   pc.material.activeAttributeName = 'elevation'
   pc.material.gradient = Potree.Gradients['RAINBOW']
 
-  e.pointcloud.projection =
-    '+proj=utm +zone=32 +ellps=GRS80 +datum=ETRS89 +units=m +no_defs'
-  const pointcloudProjection = e.pointcloud.projection
-  const mapProjection = proj4.defs('WGS84')
-  window.toMap = proj4(pointcloudProjection, mapProjection)
-  window.toScene = proj4(mapProjection, pointcloudProjection)
-
+  e.pointcloud.projection = '+proj=geocent +datum=WGS84 +units=m +no_defs'
   viewer.scene.view.setView(
-    [401603.85, 8860821.54, 1000000],
-    [401603.85, 8860821.54, -2650.47]
+    [1993552.900, 87954.487, 7134018.721],
+    [1184471.630, 63828.490, 6243615.520]
   )
 
   return viewer