add Potree (version 1.8)
This commit is contained in:
Tim Wundenberg
106
PointCloudWeb.Web/public/Potree/examples/360.html
Normal file
106
PointCloudWeb.Web/public/Potree/examples/360.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../../build/potree/resources/images/background.jpg');">
|
||||
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setDescription(`Mobile LIDAR with 360 degree image overlays.
|
||||
Click on a sphere to enter 360 view. Click "unfocus" to leave 360 view. <br>
|
||||
Point cloud courtesy of <a href="http://www.helimap.com/">Helimap System SA</a>. Images were downsized for this online demo; Original size is 8000x400.`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/helimap/360/MLS_drive1/cloud.js", "MLS", e => {
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 0.5;
|
||||
material.minSize = 2.0;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
material.activeAttributeName = "rgba";
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
viewer.scene.view.setView(
|
||||
[2652381.103, 1249049.447, 411.636],
|
||||
[2652364.407, 1249077.205, 399.696],
|
||||
);
|
||||
|
||||
run();
|
||||
});
|
||||
|
||||
async function run(){
|
||||
|
||||
proj4.defs("WGS84", "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs");
|
||||
proj4.defs("pointcloud", viewer.getProjection());
|
||||
let transform = proj4("WGS84", "pointcloud");
|
||||
|
||||
let params = {
|
||||
transform: transform
|
||||
};
|
||||
|
||||
// this file contains coordinates, orientation and filenames of the images:
|
||||
// http://5.9.65.151/mschuetz/potree/resources/pointclouds/helimap/360/Drive2_selection/coordinates.txt
|
||||
Potree.Images360Loader.load("http://5.9.65.151/mschuetz/potree/resources/pointclouds/helimap/360/Drive2_selection", viewer, params).then( images => {
|
||||
viewer.scene.add360Images(images);
|
||||
});
|
||||
|
||||
viewer.mapView.showSources(false);
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
144
PointCloudWeb.Web/public/Potree/examples/animation_paths.html
Normal file
144
PointCloudWeb.Web/public/Potree/examples/animation_paths.html
Normal file
@@ -0,0 +1,144 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.setMinNodeSize(0);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
let sphere = new THREE.Mesh(
|
||||
new THREE.SphereGeometry(0.5, 32, 32),
|
||||
new THREE.MeshNormalMaterial()
|
||||
);
|
||||
viewer.scene.scene.add(sphere);
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/archpro/heidentor/cloud.js", "Heidentor", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.uniforms.uShadowColor.value = [0.0, 0, 0];
|
||||
|
||||
viewer.scene.view.position.set(-31.007, 18.245, 20.695);
|
||||
viewer.scene.view.lookAt(-5.288, 2.126, 6.048);
|
||||
|
||||
{ // create Animation Path & make light follow it
|
||||
|
||||
let path = [
|
||||
[-8.60, 13.67, 7.08],
|
||||
[-12.21, 4.01, 7.45],
|
||||
[-0.67, 4.55, 5.00],
|
||||
[5.70, -4.38, 11.13],
|
||||
[-7.75, -10.75, 14.78],
|
||||
[-23.75, -4.88, 8.68],
|
||||
[-21.78, 11.73, 11.22],
|
||||
].map(v => new THREE.Vector3(...v));
|
||||
|
||||
let animationPath = new Potree.AnimationPath(path);
|
||||
animationPath.closed = true;
|
||||
|
||||
{ // render the path
|
||||
let geometry = animationPath.getGeometry();
|
||||
let material = new THREE.LineBasicMaterial();
|
||||
let line = new THREE.Line(geometry, material, {closed: animationPath.closed});
|
||||
viewer.scene.scene.add(line);
|
||||
}
|
||||
|
||||
{ // render the control points of the path
|
||||
for(let pos of path){
|
||||
let sg = new THREE.SphereGeometry(0.2, 32, 32);
|
||||
let sm = new THREE.MeshBasicMaterial({color: 0xff0000});
|
||||
let s = new THREE.Mesh(sg, sm);
|
||||
s.position.copy(pos);
|
||||
viewer.scene.scene.add(s);
|
||||
}
|
||||
}
|
||||
|
||||
{ // Animate from beginning to end with a speed of 10 meters per second
|
||||
let start = 0;
|
||||
let end = Infinity;
|
||||
let speed = 30;
|
||||
let animation = animationPath.animate(start, end, speed, t => {
|
||||
animation.repeat = true;
|
||||
|
||||
// t is a value between 0 and 1.
|
||||
// use getPoint(t) to map from t to the position on the animation path
|
||||
let point = animation.getPoint(t);
|
||||
sphere.position.copy(point);
|
||||
});
|
||||
window.animation = animation;
|
||||
}
|
||||
|
||||
window.animationPath = animationPath;
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
function pause(){
|
||||
animation.pause();
|
||||
//light.disableShadowUpdates = true;
|
||||
}
|
||||
|
||||
function resume(){
|
||||
animation.resume();
|
||||
//light.disableShadowUpdates = false;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,319 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/Cesium/Widgets/CesiumWidget/CesiumWidget.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
<script src="../libs/Cesium/Cesium.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
<div id="cesiumContainer" style="position: absolute; width: 100%; height: 100%; background-color:green"></div>
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.cesiumViewer = new Cesium.Viewer('cesiumContainer', {
|
||||
useDefaultRenderLoop: false,
|
||||
animation: false,
|
||||
baseLayerPicker : false,
|
||||
fullscreenButton: false,
|
||||
geocoder: false,
|
||||
homeButton: false,
|
||||
infoBox: false,
|
||||
sceneModePicker: false,
|
||||
selectionIndicator: false,
|
||||
timeline: false,
|
||||
navigationHelpButton: false,
|
||||
imageryProvider : Cesium.createOpenStreetMapImageryProvider({url : 'https://a.tile.openstreetmap.org/'}),
|
||||
terrainShadows: Cesium.ShadowMode.DISABLED,
|
||||
});
|
||||
|
||||
let cp = new Cesium.Cartesian3(4303414.154026048, 552161.235598733, 4660771.704035539);
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cp,
|
||||
orientation: {
|
||||
heading : 10,
|
||||
pitch : -Cesium.Math.PI_OVER_TWO * 0.5,
|
||||
roll : 0.0
|
||||
}
|
||||
});
|
||||
|
||||
window.potreeViewer = new Potree.Viewer(document.getElementById("potree_render_area"), {
|
||||
useDefaultRenderLoop: false
|
||||
});
|
||||
|
||||
potreeViewer.setEDLEnabled(true);
|
||||
potreeViewer.setFOV(60);
|
||||
potreeViewer.setPointBudget(3_000_000);
|
||||
potreeViewer.setBackground(null);
|
||||
|
||||
potreeViewer.setDescription("");
|
||||
|
||||
potreeViewer.loadGUI(() => {
|
||||
potreeViewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
potreeViewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// CA13
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", function(e){
|
||||
let pointcloud = e.pointcloud;
|
||||
let scene = potreeViewer.scene;
|
||||
let material = pointcloud.material;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
potreeViewer.scene.view.setView(
|
||||
[675036.45, 3850315.78, 65076.70],
|
||||
[692869.03, 3925774.14, 1581.51],
|
||||
);
|
||||
|
||||
let pointcloudProjection = e.pointcloud.projection;
|
||||
let mapProjection = proj4.defs("WGS84");
|
||||
|
||||
window.toMap = proj4(pointcloudProjection, mapProjection);
|
||||
window.toScene = proj4(mapProjection, pointcloudProjection);
|
||||
|
||||
{ // ANNOTATIONS
|
||||
let aRoot = potreeViewer.scene.annotations;
|
||||
|
||||
let aCA13 = new Potree.Annotation({
|
||||
title: "CA13",
|
||||
position: [675036.45, 3850315.78, 65076.70],
|
||||
cameraPosition: [675036.45, 3850315.78, 65076.70],
|
||||
cameraTarget: [692869.03, 3925774.14, 1581.51],
|
||||
});
|
||||
aRoot.add(aCA13);
|
||||
|
||||
let aSanSimeon = new Potree.Annotation({
|
||||
title: "San Simeon",
|
||||
position: [664147.50, 3946008.73, 16.30],
|
||||
cameraPosition: [664941.80, 3943568.06, 1925.30],
|
||||
cameraTarget: [664147.50, 3946008.73, 16.30],
|
||||
});
|
||||
aCA13.add(aSanSimeon);
|
||||
|
||||
let aHearstCastle = new Potree.Annotation({
|
||||
title: "Hearst Castle",
|
||||
position: [665744.56, 3950567.52, 500.48],
|
||||
cameraPosition: [665692.66, 3950521.65, 542.02],
|
||||
cameraTarget: [665744.56, 3950567.52, 500.48],
|
||||
});
|
||||
aCA13.add(aHearstCastle);
|
||||
|
||||
let aMorroBay = new Potree.Annotation({
|
||||
title: "Morro Bay",
|
||||
position: [695483.33, 3916430.09, 25.75],
|
||||
cameraPosition: [694114.65, 3911176.26, 3402.33],
|
||||
cameraTarget: [695483.33, 3916430.09, 25.75],
|
||||
});
|
||||
aCA13.add(aMorroBay);
|
||||
|
||||
let aMorroRock = new Potree.Annotation({
|
||||
title: "Morro Rock",
|
||||
position: [693729.66, 3916085.19, 90.35],
|
||||
cameraPosition: [693512.77, 3915375.61, 342.33],
|
||||
cameraTarget: [693729.66, 3916085.19, 90.35],
|
||||
});
|
||||
aMorroBay.add(aMorroRock);
|
||||
|
||||
let aMorroBayMutualWaterCo = new Potree.Annotation({
|
||||
title: "Morro Bay Mutual Water Co",
|
||||
position: [694699.45, 3916425.75, 39.78],
|
||||
cameraPosition: [694377.64, 3916289.32, 218.40],
|
||||
cameraTarget: [694699.45, 3916425.75, 39.78],
|
||||
});
|
||||
aMorroBay.add(aMorroBayMutualWaterCo);
|
||||
|
||||
let aLilaKeiserPark = new Potree.Annotation({
|
||||
title: "Lila Keiser Park",
|
||||
position: [694674.99, 3917070.49, 10.86],
|
||||
cameraPosition: [694452.59, 3916845.14, 298.64],
|
||||
cameraTarget: [694674.99, 3917070.49, 10.86],
|
||||
});
|
||||
aMorroBay.add(aLilaKeiserPark);
|
||||
|
||||
let aSanLuisObispo = new Potree.Annotation({
|
||||
title: "San Luis Obispo",
|
||||
position: [712573.39, 3907588.33, 146.44],
|
||||
cameraPosition: [711158.29, 3907019.82, 1335.89],
|
||||
cameraTarget: [712573.39, 3907588.33, 146.44],
|
||||
});
|
||||
aCA13.add(aSanLuisObispo);
|
||||
|
||||
let aLopezHill = new Potree.Annotation({
|
||||
title: "Lopez Hill",
|
||||
position: [728635.63, 3895761.56, 456.33],
|
||||
cameraPosition: [728277.24, 3895282.29, 821.51],
|
||||
cameraTarget: [728635.63, 3895761.56, 456.33],
|
||||
});
|
||||
aCA13.add(aLopezHill);
|
||||
|
||||
let aWhaleRockReservoir = new Potree.Annotation({
|
||||
title: "Whale Rock Reservoir",
|
||||
position: [692845.46, 3925528.53, 140.91],
|
||||
cameraPosition: [693073.32, 3922354.02, 2154.17],
|
||||
cameraTarget: [692845.46, 3925528.53, 140.91],
|
||||
});
|
||||
aCA13.add(aWhaleRockReservoir);
|
||||
|
||||
}
|
||||
|
||||
{ // TREE RETURNS POI - ANNOTATION & VOLUME
|
||||
let aRoot = scene.annotations;
|
||||
|
||||
let elTitle = $(`
|
||||
<span>
|
||||
Tree Returns:
|
||||
<img name="action_return_number" src="${Potree.resourcePath}/icons/return_number.svg" class="annotation-action-icon"/>
|
||||
<img name="action_rgb" src="${Potree.resourcePath}/icons/rgb.png" class="annotation-action-icon"/>
|
||||
</span>`);
|
||||
|
||||
elTitle.find("img[name=action_return_number]").click( () => {
|
||||
event.stopPropagation();
|
||||
material.activeAttributeName = "return_number";
|
||||
material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
material.size = 5;
|
||||
potreeViewer.setClipTask(Potree.ClipTask.SHOW_INSIDE);
|
||||
});
|
||||
|
||||
elTitle.find("img[name=action_rgb]").click( () => {
|
||||
event.stopPropagation();
|
||||
material.activeAttributeName = "rgba";
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.size = 1;
|
||||
potreeViewer.setClipTask(Potree.ClipTask.HIGHLIGHT);
|
||||
});
|
||||
|
||||
elTitle.toString = () => "Tree Returns";
|
||||
|
||||
|
||||
let aTreeReturns = new Potree.Annotation({
|
||||
title: elTitle,
|
||||
position: [675756.75, 3937590.94, 80.21],
|
||||
cameraPosition: [675715.78, 3937700.36, 115.95],
|
||||
cameraTarget: [675756.75, 3937590.94, 80.21],
|
||||
});
|
||||
aRoot.add(aTreeReturns);
|
||||
aTreeReturns.domElement.find(".annotation-action-icon:first").css("filter", "invert(1)");
|
||||
|
||||
let volume = new Potree.BoxVolume();
|
||||
volume.position.set(675755.4039368022, 3937586.911614576, 85);
|
||||
volume.scale.set(119.87189835418388, 68.3925257233834, 51.757483718373265);
|
||||
volume.rotation.set(0, 0, 0.8819755090987993, "XYZ");
|
||||
volume.clip = true;
|
||||
volume.visible = false;
|
||||
volume.name = "Trees";
|
||||
scene.addVolume(volume);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
function loop(timestamp){
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
potreeViewer.update(potreeViewer.clock.getDelta(), timestamp);
|
||||
|
||||
potreeViewer.render();
|
||||
|
||||
if(window.toMap !== undefined){
|
||||
|
||||
{
|
||||
let camera = potreeViewer.scene.getActiveCamera();
|
||||
|
||||
let pPos = new THREE.Vector3(0, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pRight = new THREE.Vector3(600, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pTarget = potreeViewer.scene.view.getPivot();
|
||||
|
||||
let toCes = (pos) => {
|
||||
let xy = [pos.x, pos.y];
|
||||
let height = pos.z;
|
||||
let deg = toMap.forward(xy);
|
||||
let cPos = Cesium.Cartesian3.fromDegrees(...deg, height);
|
||||
|
||||
return cPos;
|
||||
};
|
||||
|
||||
let cPos = toCes(pPos);
|
||||
let cUpTarget = toCes(pUp);
|
||||
let cTarget = toCes(pTarget);
|
||||
|
||||
let cDir = Cesium.Cartesian3.subtract(cTarget, cPos, new Cesium.Cartesian3());
|
||||
let cUp = Cesium.Cartesian3.subtract(cUpTarget, cPos, new Cesium.Cartesian3());
|
||||
|
||||
cDir = Cesium.Cartesian3.normalize(cDir, new Cesium.Cartesian3());
|
||||
cUp = Cesium.Cartesian3.normalize(cUp, new Cesium.Cartesian3());
|
||||
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cPos,
|
||||
orientation : {
|
||||
direction : cDir,
|
||||
up : cUp
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
let aspect = potreeViewer.scene.getActiveCamera().aspect;
|
||||
if(aspect < 1){
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
cesiumViewer.camera.frustum.fov = fovy;
|
||||
}else{
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
let fovx = Math.atan(Math.tan(0.5 * fovy) * aspect) * 2
|
||||
cesiumViewer.camera.frustum.fov = fovx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
cesiumViewer.render();
|
||||
}
|
||||
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
229
PointCloudWeb.Web/public/Potree/examples/annotations.html
Normal file
229
PointCloudWeb.Web/public/Potree/examples/annotations.html
Normal file
@@ -0,0 +1,229 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setBackground("skybox");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
viewer.setDescription(`
|
||||
This example shows various ways to use annotations.
|
||||
They can be used to bookmark and describe locations,
|
||||
move the camera to a predefined point of view on click,
|
||||
and to provide programmable buttons at specific locations.
|
||||
`);
|
||||
|
||||
let sceneSG = new Potree.Scene();
|
||||
let sceneLion = new Potree.Scene();
|
||||
|
||||
viewer.setScene(sceneSG);
|
||||
|
||||
// Sorvilier point cloud in scene 1
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
sceneSG.addPointCloud(e.pointcloud);
|
||||
sceneSG.view.position.set(590030, 231767, 1007);
|
||||
sceneSG.view.lookAt(new THREE.Vector3(589844, 231376, 710));
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
{
|
||||
{
|
||||
let elTitle = $(`
|
||||
<span>
|
||||
About Annotations
|
||||
<img src="${Potree.resourcePath}/icons/goto.svg"
|
||||
name="action_set_scene"
|
||||
class="annotation-action-icon"
|
||||
style="filter: invert(1);" />
|
||||
</span>
|
||||
`);
|
||||
elTitle.find("img[name=action_set_scene]").click( (event) => {
|
||||
event.stopPropagation();
|
||||
viewer.setScene(sceneLion);
|
||||
});
|
||||
elTitle.toString = () => "About Annotations";
|
||||
|
||||
let aAbout1 = new Potree.Annotation({
|
||||
position: [590043.63, 231490.79, 740.78],
|
||||
title: elTitle,
|
||||
cameraPosition: [590105.53, 231541.63, 782.05],
|
||||
cameraTarget: [590043.63, 231488.79, 740.78],
|
||||
description: `<ul><li>Click on the annotation label to move a predefined view.</li>
|
||||
<li>Click on the icon to execute the specified action.</li>
|
||||
In this case, the action will bring you to another scene and point cloud.</ul>`
|
||||
});
|
||||
|
||||
sceneSG.annotations.add(aAbout1);
|
||||
}
|
||||
|
||||
{
|
||||
let aAbout2 = new Potree.Annotation({
|
||||
position: [589621, 231437, 784],
|
||||
"cameraPosition": [589585.81, 231463.63, 804.00],
|
||||
"cameraTarget": [589625.86, 231439, 775.38],
|
||||
"title": "About Annotations 2",
|
||||
"description": `
|
||||
Suitable annotation positions and views can be obtained by
|
||||
looking up the current camera position and target in the "Scene" panel,
|
||||
or by evaluating following lines in your browser's developer console:<br><br>
|
||||
<code>viewer.scene.view.position</code><br>
|
||||
<code>viewer.scene.view.getPivot()</code><br>
|
||||
`
|
||||
});
|
||||
sceneSG.annotations.add(aAbout2);
|
||||
}
|
||||
|
||||
{ // Annotation with action icons
|
||||
|
||||
// Create title element with jquery
|
||||
let elTitle = $(`
|
||||
<span>
|
||||
<img name="action_elevation" src="${Potree.resourcePath}/icons/profile.svg" class="annotation-action-icon"/>
|
||||
<img name="action_rgb" src="${Potree.resourcePath}/icons/rgb.svg" class="annotation-action-icon"/>
|
||||
</span>`);
|
||||
elTitle.find("img[name=action_elevation]").click( () => {
|
||||
viewer.scene.pointclouds.forEach( pc => pc.material.activeAttributeName = "elevation" );
|
||||
});
|
||||
elTitle.find("img[name=action_rgb]").click( () => {
|
||||
viewer.scene.pointclouds.forEach( pc => pc.material.activeAttributeName = "rgba" );
|
||||
});
|
||||
|
||||
// Give the annotation a meaningful string representation for the sidebar
|
||||
elTitle.toString = () => "Elevation / RGB Actions";
|
||||
|
||||
// Same as with other annotations, except title is a jquery object this time.
|
||||
let aActions = new Potree.Annotation({
|
||||
position: [590012.986, 231273.294, 787.162],
|
||||
title: elTitle
|
||||
});
|
||||
sceneSG.annotations.add(aActions);
|
||||
}
|
||||
|
||||
{ // Annotation with action icons
|
||||
|
||||
// Create title element with jquery
|
||||
let schemes = [
|
||||
{name: "SPECTRAL", icon: `${Potree.resourcePath}/icons/gradients_spectral.png`},
|
||||
{name: "YELLOW_GREEN", icon: `${Potree.resourcePath}/icons/gradients_yellow_green.png`},
|
||||
{name: "PLASMA", icon: `${Potree.resourcePath}/icons/gradients_plasma.png`},
|
||||
{name: "GRAYSCALE", icon: `${Potree.resourcePath}/icons/gradients_grayscale.png`},
|
||||
{name: "RAINBOW", icon: `${Potree.resourcePath}/icons/gradients_rainbow.png`},
|
||||
];
|
||||
|
||||
let elTitle = $(`<span>Gradient Schemes:</span>`);
|
||||
for(let scheme of schemes){
|
||||
let button = $(`<img src="${scheme.icon}" class="annotation-action-icon" style="width: 2em; height: auto;"/>`);
|
||||
button.click( () => {
|
||||
for(let pointcloud of viewer.scene.pointclouds){
|
||||
pointcloud.material.activeAttributeName = "elevation";
|
||||
pointcloud.material.gradient = Potree.Gradients[scheme.name];
|
||||
}
|
||||
});
|
||||
elTitle.append(button);
|
||||
}
|
||||
|
||||
// Give the annotation a meaningful string representation for the sidebar
|
||||
elTitle.toString = () => "Gradient Color Selection";
|
||||
|
||||
// Same as with other annotations, except title is a jquery object this time.
|
||||
let aActions = new Potree.Annotation({
|
||||
position: [589577.396, 231267.514, 807.655],
|
||||
title: elTitle,
|
||||
});
|
||||
sceneSG.annotations.add(aActions);
|
||||
}
|
||||
|
||||
{
|
||||
let aTrees = new Potree.Annotation({
|
||||
position: [589850.15, 231300.10, 770.94],
|
||||
title: "Trees",
|
||||
description: `Point cloud of a small section in Sorvilier, Switzerland. <br>
|
||||
Courtesy of sigeom.sa`,
|
||||
});
|
||||
aTrees.domElement.off("mouseenter");
|
||||
aTrees.domElement.off("mouseleave");
|
||||
aTrees.addEventListener("click", () => {
|
||||
aTrees.setHighlighted(!aTrees.isHighlighted);
|
||||
});
|
||||
sceneSG.annotations.add(aTrees);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Lion point cloud in scene 2
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa/cloud.js", "lion", function(e){
|
||||
sceneLion.addPointCloud(e.pointcloud);
|
||||
sceneLion.view.position.set(4.15, -6.12, 8.54);
|
||||
sceneLion.view.lookAt(new THREE.Vector3(0, -0.098, 4.23));
|
||||
e.pointcloud.material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
sceneLion.addAnnotation([0.72, -1, 8], {
|
||||
"title": "Chinese Guardian Lion",
|
||||
"actions": [{
|
||||
"icon": Potree.resourcePath + "/icons/goto.svg",
|
||||
"onclick": function(){
|
||||
viewer.setScene(sceneSG);
|
||||
}
|
||||
}]
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
75
PointCloudWeb.Web/public/Potree/examples/arena4d.html
Normal file
75
PointCloudWeb.Web/public/Potree/examples/arena4d.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
//Potree.loadPointCloud("http://arena4d.uksouth.cloudapp.azure.com:8080/0227c168-00bc-421c-99d7-5eb0ace3a1ff/Garage.vpc", "Arena4D", function(e){
|
||||
Potree.loadPointCloud("http://arena4d.uksouth.cloudapp.azure.com:8080/4e5059c4-f701-4a8f-8830-59e78a2c0816/BLK360 Sample.vpc", "Arena4D", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
e.pointcloud.material.size = 2;
|
||||
e.pointcloud.material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
e.pointcloud.material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
//viewer.fitToScreen();
|
||||
viewer.scene.view.position.set(-93.47, 8.70, 48.54);
|
||||
viewer.scene.view.lookAt(new THREE.Vector3(-10.27, 4.97, 7.20));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
78
PointCloudWeb.Web/public/Potree/examples/ca13.html
Normal file
78
PointCloudWeb.Web/public/Potree/examples/ca13.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
// import * as Potree from "../src/Potree.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(5_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`Point cloud courtesy of PG&E and <a href="https://opentopography.org/">Open Topography</a>.`);
|
||||
|
||||
viewer.loadGUI().then( () => {
|
||||
viewer.setLanguage('en');
|
||||
// $("#menu_filters").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 0.8;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "rgba";
|
||||
|
||||
viewer.scene.view.setView(
|
||||
[694517.403, 3899262.595, 10642.698],
|
||||
[694878.410, 3916332.067, 14.497],
|
||||
);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
247
PointCloudWeb.Web/public/Potree/examples/camera_animation.html
Normal file
247
PointCloudWeb.Web/public/Potree/examples/camera_animation.html
Normal file
@@ -0,0 +1,247 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(false);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setDescription(`
|
||||
Create a new animation path via "Tools -> Navigation -> Camera Animation"<br>
|
||||
Modify and play animation via "Scene -> Objects -> Other -> [animation object]".
|
||||
`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", e => {
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
// scene.view.setView(
|
||||
// [589974.341, 231698.397, 986.146],
|
||||
// [589851.587, 231428.213, 715.634],
|
||||
// );
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
const animation = new Potree.CameraAnimation(viewer);
|
||||
|
||||
|
||||
const positions = [
|
||||
[590291.6145250637, 231565.3152460147, 888.181158774433],
|
||||
[590094.2454560432, 231235.32163877538, 870.7535717968211],
|
||||
[589675.8154371583, 231058.22066649256, 905.3068746322883],
|
||||
[589328.6700949036, 231385.37585641106, 813.9565903445384],
|
||||
];
|
||||
|
||||
const targets = [
|
||||
[589859.3465488373, 231456.18943956672, 758.2733646218901],
|
||||
[589846.4463098792, 231431.89813285187, 755.9090168440739],
|
||||
[589824.0843049305, 231444.72309070674, 760.3459659610106],
|
||||
[589799.7263767472, 231473.79043369304, 758.8332698380435],
|
||||
];
|
||||
|
||||
for(let i = 0; i < positions.length; i++){
|
||||
const cp = animation.createControlPoint();
|
||||
|
||||
cp.position.set(...positions[i]);
|
||||
cp.target.set(...targets[i]);
|
||||
}
|
||||
|
||||
viewer.scene.addCameraAnimation(animation);
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
// viewer.onGUILoaded(() => {
|
||||
|
||||
// let section = $(`
|
||||
// <h3 id="menu_meta" class="accordion-header ui-widget"><span>Camera Animation</span></h3>
|
||||
// <div class="accordion-content ui-widget pv-menu-list"></div>
|
||||
// `);
|
||||
// let content = section.last();
|
||||
// content.html(`
|
||||
// <div class="pv-menu-list">
|
||||
|
||||
// <span id="animation_keyframes"></span>
|
||||
|
||||
// <span>
|
||||
// <span>Time: </span><span id="lblTime"></span> <div id="sldTime"></div>
|
||||
|
||||
// <input name="play" type="button" value="play"/>
|
||||
// </span>
|
||||
// </div>
|
||||
// `);
|
||||
|
||||
// const elPlay = content.find("input[name=play]");
|
||||
// elPlay.click( () => {
|
||||
// animation.play();
|
||||
// });
|
||||
|
||||
// const elSlider = content.find('#sldTime');
|
||||
// elSlider.slider({
|
||||
// value: 0,
|
||||
// min: 0,
|
||||
// max: 1,
|
||||
// step: 0.001,
|
||||
// slide: (event, ui) => {
|
||||
// animation.set(ui.value);
|
||||
// }
|
||||
// });
|
||||
|
||||
// const elKeyframes = content.find("#animation_keyframes");
|
||||
|
||||
// const updateKeyframes = () => {
|
||||
// elKeyframes.empty();
|
||||
|
||||
// let index = 0;
|
||||
|
||||
// const addNewKeyframeItem = (index) => {
|
||||
// let elNewKeyframe = $(`
|
||||
// <div style="display: flex; margin: 0.2em 0em">
|
||||
|
||||
// <span style="flex-grow: 0;">
|
||||
// <img name="add" src="${Potree.resourcePath}/icons/add.svg" style="width: 1.5em; height: 1.5em"/>
|
||||
// </span>
|
||||
// <span style="flex-grow: 1"></span>
|
||||
// </div>
|
||||
// `);
|
||||
|
||||
// const elAdd = elNewKeyframe.find("img[name=add]");
|
||||
// elAdd.click( () => {
|
||||
// animation.createControlPoint(index);
|
||||
// });
|
||||
|
||||
// elKeyframes.append(elNewKeyframe);
|
||||
// };
|
||||
|
||||
// const addKeyframeItem = (index) => {
|
||||
// let elKeyframe = $(`
|
||||
// <div style="display: flex; margin: 0.2em 0em">
|
||||
// <span style="flex-grow: 0;">
|
||||
// <img name="assign" src="${Potree.resourcePath}/icons/assign.svg" style="width: 1.5em; height: 1.5em"/>
|
||||
// </span>
|
||||
// <span style="flex-grow: 0;">
|
||||
// <img name="move" src="${Potree.resourcePath}/icons/circled_dot.svg" style="width: 1.5em; height: 1.5em"/>
|
||||
// </span>
|
||||
// <span style="flex-grow: 0; width: 1.5em; height: 1.5em"></span>
|
||||
// <span style="flex-grow: 0; font-size: 1.5em">keyframe</span>
|
||||
// <span style="flex-grow: 1"></span>
|
||||
// <span style="flex-grow: 0;">
|
||||
// <img name="delete" src="${Potree.resourcePath}/icons/remove.svg" style="width: 1.5em; height: 1.5em"/>
|
||||
// </span>
|
||||
// </div>
|
||||
// `);
|
||||
|
||||
// const elAssign = elKeyframe.find("img[name=assign]");
|
||||
// const elMove = elKeyframe.find("img[name=move]");
|
||||
// const elDelete = elKeyframe.find("img[name=delete]");
|
||||
|
||||
// elAssign.click( () => {
|
||||
// const cp = animation.controlPoints[index];
|
||||
|
||||
// cp.position.copy(viewer.scene.view.position);
|
||||
// cp.target.copy(viewer.scene.view.getPivot());
|
||||
// });
|
||||
|
||||
// elMove.click( () => {
|
||||
// const cp = animation.controlPoints[index];
|
||||
|
||||
// viewer.scene.view.position.copy(cp.position);
|
||||
// viewer.scene.view.lookAt(cp.target);
|
||||
// });
|
||||
|
||||
// elDelete.click( () => {
|
||||
// const cp = animation.controlPoints[index];
|
||||
// animation.removeControlPoint(cp);
|
||||
// });
|
||||
|
||||
// elKeyframes.append(elKeyframe);
|
||||
// };
|
||||
|
||||
// addNewKeyframeItem(index);
|
||||
|
||||
// for(const cp of animation.controlPoints){
|
||||
|
||||
// addKeyframeItem(index);
|
||||
// index++;
|
||||
// addNewKeyframeItem(index);
|
||||
|
||||
// }
|
||||
// };
|
||||
|
||||
// updateKeyframes();
|
||||
|
||||
// animation.addEventListener("controlpoint_added", updateKeyframes);
|
||||
// animation.addEventListener("controlpoint_removed", updateKeyframes);
|
||||
|
||||
|
||||
// section.first().click(() => content.slideToggle());
|
||||
// section.insertBefore($('#menu_about'));
|
||||
|
||||
// });
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
182
PointCloudWeb.Web/public/Potree/examples/cesium_ca13.html
Normal file
182
PointCloudWeb.Web/public/Potree/examples/cesium_ca13.html
Normal file
@@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/Cesium/Widgets/CesiumWidget/CesiumWidget.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
<script src="../libs/Cesium/Cesium.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
<div id="cesiumContainer" style="position: absolute; width: 100%; height: 100%; background-color:green"></div>
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.cesiumViewer = new Cesium.Viewer('cesiumContainer', {
|
||||
useDefaultRenderLoop: false,
|
||||
animation: false,
|
||||
baseLayerPicker : false,
|
||||
fullscreenButton: false,
|
||||
geocoder: false,
|
||||
homeButton: false,
|
||||
infoBox: false,
|
||||
sceneModePicker: false,
|
||||
selectionIndicator: false,
|
||||
timeline: false,
|
||||
navigationHelpButton: false,
|
||||
imageryProvider : Cesium.createOpenStreetMapImageryProvider({url : 'https://a.tile.openstreetmap.org/'}),
|
||||
terrainShadows: Cesium.ShadowMode.DISABLED,
|
||||
});
|
||||
|
||||
let cp = new Cesium.Cartesian3(4303414.154026048, 552161.235598733, 4660771.704035539);
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cp,
|
||||
orientation: {
|
||||
heading : 10,
|
||||
pitch : -Cesium.Math.PI_OVER_TWO * 0.5,
|
||||
roll : 0.0
|
||||
}
|
||||
});
|
||||
|
||||
window.potreeViewer = new Potree.Viewer(document.getElementById("potree_render_area"), {
|
||||
useDefaultRenderLoop: false
|
||||
});
|
||||
potreeViewer.setEDLEnabled(true);
|
||||
potreeViewer.setFOV(60);
|
||||
potreeViewer.setPointBudget(1_000_000);
|
||||
potreeViewer.setMinNodeSize(0);
|
||||
potreeViewer.loadSettingsFromURL();
|
||||
potreeViewer.setBackground(null);
|
||||
|
||||
potreeViewer.loadGUI(() => {
|
||||
potreeViewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
potreeViewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", function(e){
|
||||
|
||||
let pointcloud = e.pointcloud;
|
||||
let scene = potreeViewer.scene;
|
||||
let material = pointcloud.material;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
potreeViewer.scene.view.setView(
|
||||
[689429.64, 3877023.77, 42878.97],
|
||||
[696072.86, 3916730.04, 82.04],
|
||||
);
|
||||
|
||||
let pointcloudProjection = e.pointcloud.projection;
|
||||
let mapProjection = proj4.defs("WGS84");
|
||||
|
||||
window.toMap = proj4(pointcloudProjection, mapProjection);
|
||||
window.toScene = proj4(mapProjection, pointcloudProjection);
|
||||
|
||||
});
|
||||
|
||||
function loop(timestamp){
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
potreeViewer.update(potreeViewer.clock.getDelta(), timestamp);
|
||||
|
||||
potreeViewer.render();
|
||||
|
||||
if(window.toMap !== undefined){
|
||||
|
||||
{
|
||||
let camera = potreeViewer.scene.getActiveCamera();
|
||||
|
||||
let pPos = new THREE.Vector3(0, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pRight = new THREE.Vector3(600, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pTarget = potreeViewer.scene.view.getPivot();
|
||||
|
||||
let toCes = (pos) => {
|
||||
let xy = [pos.x, pos.y];
|
||||
let height = pos.z;
|
||||
let deg = toMap.forward(xy);
|
||||
let cPos = Cesium.Cartesian3.fromDegrees(...deg, height);
|
||||
|
||||
return cPos;
|
||||
};
|
||||
|
||||
let cPos = toCes(pPos);
|
||||
let cUpTarget = toCes(pUp);
|
||||
let cTarget = toCes(pTarget);
|
||||
|
||||
let cDir = Cesium.Cartesian3.subtract(cTarget, cPos, new Cesium.Cartesian3());
|
||||
let cUp = Cesium.Cartesian3.subtract(cUpTarget, cPos, new Cesium.Cartesian3());
|
||||
|
||||
cDir = Cesium.Cartesian3.normalize(cDir, new Cesium.Cartesian3());
|
||||
cUp = Cesium.Cartesian3.normalize(cUp, new Cesium.Cartesian3());
|
||||
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cPos,
|
||||
orientation : {
|
||||
direction : cDir,
|
||||
up : cUp
|
||||
}
|
||||
});
|
||||
|
||||
let aspect = potreeViewer.scene.getActiveCamera().aspect;
|
||||
if(aspect < 1){
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
cesiumViewer.camera.frustum.fov = fovy;
|
||||
}else{
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
let fovx = Math.atan(Math.tan(0.5 * fovy) * aspect) * 2
|
||||
cesiumViewer.camera.frustum.fov = fovx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
cesiumViewer.render();
|
||||
}
|
||||
}
|
||||
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
290
PointCloudWeb.Web/public/Potree/examples/cesium_retz.html
Normal file
290
PointCloudWeb.Web/public/Potree/examples/cesium_retz.html
Normal file
@@ -0,0 +1,290 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/Cesium/Widgets/CesiumWidget/CesiumWidget.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
<script src="../libs/Cesium/Cesium.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
<div id="cesiumContainer" style="position: absolute; width: 100%; height: 100%; background-color:green"></div>
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.cesiumViewer = new Cesium.Viewer('cesiumContainer', {
|
||||
useDefaultRenderLoop: false,
|
||||
animation: false,
|
||||
baseLayerPicker : false,
|
||||
fullscreenButton: false,
|
||||
geocoder: false,
|
||||
homeButton: false,
|
||||
infoBox: false,
|
||||
sceneModePicker: false,
|
||||
selectionIndicator: false,
|
||||
timeline: false,
|
||||
navigationHelpButton: false,
|
||||
imageryProvider : Cesium.createOpenStreetMapImageryProvider({url : 'https://a.tile.openstreetmap.org/'}),
|
||||
terrainShadows: Cesium.ShadowMode.DISABLED,
|
||||
});
|
||||
|
||||
let cp = new Cesium.Cartesian3(4303414.154026048, 552161.235598733, 4660771.704035539);
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cp,
|
||||
orientation: {
|
||||
heading : 10,
|
||||
pitch : -Cesium.Math.PI_OVER_TWO * 0.5,
|
||||
roll : 0.0
|
||||
}
|
||||
});
|
||||
|
||||
window.potreeViewer = new Potree.Viewer(document.getElementById("potree_render_area"), {
|
||||
useDefaultRenderLoop: false
|
||||
});
|
||||
potreeViewer.setEDLEnabled(true);
|
||||
potreeViewer.setFOV(60);
|
||||
potreeViewer.setPointBudget(3_000_000);
|
||||
potreeViewer.setMinNodeSize(50);
|
||||
potreeViewer.loadSettingsFromURL();
|
||||
potreeViewer.setBackground(null);
|
||||
potreeViewer.useHQ = true;
|
||||
|
||||
potreeViewer.setDescription(`
|
||||
Potree using <a href="https://cesiumjs.org/" target="_blank">Cesium</a> to display an
|
||||
<a href="https://www.openstreetmap.org" target="_blank">OpenStreetMap</a> map below.<br>
|
||||
Point cloud courtesy of <a href="http://riegl.com/" target="_blank">Riegl</a><br>`);
|
||||
|
||||
potreeViewer.loadGUI(() => {
|
||||
potreeViewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
potreeViewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/riegl/retz/cloud.js", "Retz", function(e){
|
||||
let scene = potreeViewer.scene;
|
||||
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
e.pointcloud.position.set(569277.402752, 5400050.599046, 0);
|
||||
e.pointcloud.rotation.set(0, 0, -0.035);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.size = 0.7;
|
||||
material.elevationRange = [0, 70];
|
||||
material.weightRGB = 1.0;
|
||||
material.weightElevation = 1.0;
|
||||
|
||||
scene.view.position.set(570975.577, 5398630.521, 1659.311);
|
||||
scene.view.lookAt(570115.285, 5400866.092, 30.009);
|
||||
|
||||
{
|
||||
let aTownHall = new Potree.Annotation({
|
||||
position: [569879.768, 5400886.182, 80.691],
|
||||
title: "Town Hall",
|
||||
cameraPosition: [569955.329, 5400822.949, 98.807],
|
||||
cameraTarget: [569879.768, 5400886.182, 46.691]
|
||||
});
|
||||
scene.annotations.add(aTownHall);
|
||||
|
||||
let aTrainStation = new Potree.Annotation({
|
||||
position: [570337.407, 5400522.730, 30],
|
||||
title: "Train Station",
|
||||
cameraPosition: [570377.074, 5400427.884, 100.576],
|
||||
cameraTarget: [570337.407, 5400522.730, 18.595]
|
||||
});
|
||||
scene.annotations.add(aTrainStation);
|
||||
|
||||
{ // Attribute Selector Annotation
|
||||
|
||||
// Create title element with jquery
|
||||
let elTitle = $(`
|
||||
<span>
|
||||
Attribute:
|
||||
<img title="Elevation" name="action_elevation" src="${Potree.resourcePath}/icons/profile.svg" class="annotation-action-icon"/>
|
||||
<img title="RGB and Elevation" name="action_both" src="${Potree.resourcePath}/icons/rgb_elevation.png" class="annotation-action-icon"/>
|
||||
<img title="RGB" name="action_rgb" src="${Potree.resourcePath}/icons/rgb.svg" class="annotation-action-icon"/>
|
||||
</span>`);
|
||||
elTitle.find("img[name=action_elevation]").click( () => {
|
||||
scene.pointclouds.forEach( pc => pc.material.activeAttributeName = "elevation" );
|
||||
});
|
||||
elTitle.find("img[name=action_rgb]").click( () => {
|
||||
scene.pointclouds.forEach( pc => pc.material.activeAttributeName = "rgba" );
|
||||
});
|
||||
elTitle.find("img[name=action_both]").click( () => {
|
||||
scene.pointclouds.forEach( pc => pc.material.activeAttributeName = "composite" );
|
||||
});
|
||||
|
||||
// Give the annotation a meaningful string representation for the sidebar
|
||||
elTitle.toString = () => "Color Setting";
|
||||
|
||||
// Same as with other annotations, except title is a jquery object this time.
|
||||
let aActions = new Potree.Annotation({
|
||||
position: [569222.340, 5401213.625, 227],
|
||||
title: elTitle
|
||||
});
|
||||
scene.annotations.add(aActions);
|
||||
}
|
||||
|
||||
{ // Attribute Selector Annotation
|
||||
|
||||
let elTitle = $(`
|
||||
<span>
|
||||
Quality:
|
||||
<span name="low" style="font-family: monospace; margin-left: 4px">low</span>
|
||||
<span name="med" style="font-family: monospace; margin-left: 4px">med</span>
|
||||
<span name="high" style="font-family: monospace; margin-left: 4px">high</span>
|
||||
</span>`);
|
||||
|
||||
elTitle.find("span").mouseover( (e) => {
|
||||
$(e.target).css("filter", "drop-shadow(0px 0px 1px white)");
|
||||
}).mouseout( (e) => {
|
||||
$(e.target).css("filter", "");
|
||||
});
|
||||
|
||||
elTitle.find("span[name=low]").click( () => {
|
||||
potreeViewer.setPointBudget(1_000_000);
|
||||
potreeViewer.useHQ = false;
|
||||
});
|
||||
|
||||
elTitle.find("span[name=med]").click( () => {
|
||||
potreeViewer.setPointBudget(3_000_000);
|
||||
potreeViewer.useHQ = false;
|
||||
});
|
||||
|
||||
elTitle.find("span[name=high]").click( () => {
|
||||
potreeViewer.setPointBudget(4_000_000);
|
||||
potreeViewer.useHQ = true;
|
||||
});
|
||||
|
||||
// Give the annotation a meaningful string representation for the sidebar
|
||||
elTitle.toString = () => "Quality Setting";
|
||||
|
||||
// Same as with other annotations, except title is a jquery object this time.
|
||||
let aActions = new Potree.Annotation({
|
||||
position: [570274.902, 5401873.626, 227],
|
||||
title: elTitle
|
||||
});
|
||||
scene.annotations.add(aActions);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//let pointcloudProjection = e.pointcloud.projection;
|
||||
let pointcloudProjection = "+proj=utm +zone=33 +ellps=WGS84 +datum=WGS84 +units=m +no_defs";
|
||||
let mapProjection = proj4.defs("WGS84");
|
||||
|
||||
window.toMap = proj4(pointcloudProjection, mapProjection);
|
||||
window.toScene = proj4(mapProjection, pointcloudProjection);
|
||||
|
||||
{
|
||||
let bb = potreeViewer.getBoundingBox();
|
||||
|
||||
let minWGS84 = proj4(pointcloudProjection, mapProjection, bb.min.toArray());
|
||||
let maxWGS84 = proj4(pointcloudProjection, mapProjection, bb.max.toArray());
|
||||
}
|
||||
});
|
||||
|
||||
function loop(timestamp){
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
potreeViewer.update(potreeViewer.clock.getDelta(), timestamp);
|
||||
|
||||
potreeViewer.render();
|
||||
|
||||
if(window.toMap !== undefined){
|
||||
|
||||
{
|
||||
let camera = potreeViewer.scene.getActiveCamera();
|
||||
|
||||
let pPos = new THREE.Vector3(0, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pRight = new THREE.Vector3(600, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pTarget = potreeViewer.scene.view.getPivot();
|
||||
|
||||
let toCes = (pos) => {
|
||||
let xy = [pos.x, pos.y];
|
||||
let height = pos.z;
|
||||
let deg = toMap.forward(xy);
|
||||
let cPos = Cesium.Cartesian3.fromDegrees(...deg, height);
|
||||
|
||||
return cPos;
|
||||
};
|
||||
|
||||
let cPos = toCes(pPos);
|
||||
let cUpTarget = toCes(pUp);
|
||||
let cTarget = toCes(pTarget);
|
||||
|
||||
let cDir = Cesium.Cartesian3.subtract(cTarget, cPos, new Cesium.Cartesian3());
|
||||
let cUp = Cesium.Cartesian3.subtract(cUpTarget, cPos, new Cesium.Cartesian3());
|
||||
|
||||
cDir = Cesium.Cartesian3.normalize(cDir, new Cesium.Cartesian3());
|
||||
cUp = Cesium.Cartesian3.normalize(cUp, new Cesium.Cartesian3());
|
||||
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cPos,
|
||||
orientation : {
|
||||
direction : cDir,
|
||||
up : cUp
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
let aspect = potreeViewer.scene.getActiveCamera().aspect;
|
||||
if(aspect < 1){
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
cesiumViewer.camera.frustum.fov = fovy;
|
||||
}else{
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
let fovx = Math.atan(Math.tan(0.5 * fovy) * aspect) * 2
|
||||
cesiumViewer.camera.frustum.fov = fovx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
cesiumViewer.render();
|
||||
}
|
||||
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
180
PointCloudWeb.Web/public/Potree/examples/cesium_sorvilier.html
Normal file
180
PointCloudWeb.Web/public/Potree/examples/cesium_sorvilier.html
Normal file
@@ -0,0 +1,180 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/Cesium/Widgets/CesiumWidget/CesiumWidget.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
<script src="../libs/Cesium/Cesium.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
<div id="cesiumContainer" style="position: absolute; width: 100%; height: 100%; background-color:green"></div>
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
window.cesiumViewer = new Cesium.Viewer('cesiumContainer', {
|
||||
useDefaultRenderLoop: false,
|
||||
animation: false,
|
||||
baseLayerPicker : false,
|
||||
fullscreenButton: false,
|
||||
geocoder: false,
|
||||
homeButton: false,
|
||||
infoBox: false,
|
||||
sceneModePicker: false,
|
||||
selectionIndicator: false,
|
||||
timeline: false,
|
||||
navigationHelpButton: false,
|
||||
imageryProvider : Cesium.createOpenStreetMapImageryProvider({url : 'https://a.tile.openstreetmap.org/'}),
|
||||
terrainShadows: Cesium.ShadowMode.DISABLED,
|
||||
});
|
||||
|
||||
let cp = new Cesium.Cartesian3(4303414.154026048, 552161.235598733, 4660771.704035539);
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cp,
|
||||
orientation: {
|
||||
heading : 10,
|
||||
pitch : -Cesium.Math.PI_OVER_TWO * 0.5,
|
||||
roll : 0.0
|
||||
}
|
||||
});
|
||||
|
||||
window.potreeViewer = new Potree.Viewer(document.getElementById("potree_render_area"), {
|
||||
useDefaultRenderLoop: false
|
||||
});
|
||||
potreeViewer.setEDLEnabled(true);
|
||||
potreeViewer.setFOV(60);
|
||||
potreeViewer.setPointBudget(1_000_000);
|
||||
potreeViewer.setMinNodeSize(0);
|
||||
potreeViewer.loadSettingsFromURL();
|
||||
potreeViewer.setBackground(null);
|
||||
|
||||
potreeViewer.loadGUI(() => {
|
||||
potreeViewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", e => {
|
||||
potreeViewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
potreeViewer.scene.view.position.set(590093.649, 231823.465, 267.402);
|
||||
potreeViewer.scene.view.lookAt(new THREE.Vector3(589837.149, 231438.996, -0.707));
|
||||
|
||||
|
||||
let pointcloudProjection = e.pointcloud.projection;
|
||||
let mapProjection = proj4.defs("WGS84");
|
||||
|
||||
window.toMap = proj4(pointcloudProjection, mapProjection);
|
||||
window.toScene = proj4(mapProjection, pointcloudProjection);
|
||||
|
||||
{
|
||||
let bb = potreeViewer.getBoundingBox();
|
||||
|
||||
let minWGS84 = proj4(pointcloudProjection, mapProjection, bb.min.toArray());
|
||||
let maxWGS84 = proj4(pointcloudProjection, mapProjection, bb.max.toArray());
|
||||
}
|
||||
});
|
||||
|
||||
function loop(timestamp){
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
potreeViewer.update(potreeViewer.clock.getDelta(), timestamp);
|
||||
|
||||
potreeViewer.render();
|
||||
|
||||
if(window.toMap !== undefined){
|
||||
|
||||
{
|
||||
let camera = potreeViewer.scene.getActiveCamera();
|
||||
|
||||
let pPos = new THREE.Vector3(0, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pRight = new THREE.Vector3(600, 0, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pUp = new THREE.Vector3(0, 600, 0).applyMatrix4(camera.matrixWorld);
|
||||
let pTarget = potreeViewer.scene.view.getPivot();
|
||||
|
||||
let toCes = (pos) => {
|
||||
let xy = [pos.x, pos.y];
|
||||
let height = pos.z;
|
||||
let deg = toMap.forward(xy);
|
||||
let cPos = Cesium.Cartesian3.fromDegrees(...deg, height);
|
||||
|
||||
return cPos;
|
||||
};
|
||||
|
||||
let cPos = toCes(pPos);
|
||||
let cUpTarget = toCes(pUp);
|
||||
let cTarget = toCes(pTarget);
|
||||
|
||||
let cDir = Cesium.Cartesian3.subtract(cTarget, cPos, new Cesium.Cartesian3());
|
||||
let cUp = Cesium.Cartesian3.subtract(cUpTarget, cPos, new Cesium.Cartesian3());
|
||||
|
||||
cDir = Cesium.Cartesian3.normalize(cDir, new Cesium.Cartesian3());
|
||||
cUp = Cesium.Cartesian3.normalize(cUp, new Cesium.Cartesian3());
|
||||
|
||||
cesiumViewer.camera.setView({
|
||||
destination : cPos,
|
||||
orientation : {
|
||||
direction : cDir,
|
||||
up : cUp
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
let aspect = potreeViewer.scene.getActiveCamera().aspect;
|
||||
if(aspect < 1){
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
cesiumViewer.camera.frustum.fov = fovy;
|
||||
}else{
|
||||
let fovy = Math.PI * (potreeViewer.scene.getActiveCamera().fov / 180);
|
||||
let fovx = Math.atan(Math.tan(0.5 * fovy) * aspect) * 2
|
||||
cesiumViewer.camera.frustum.fov = fovx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
cesiumViewer.render();
|
||||
}
|
||||
|
||||
requestAnimationFrame(loop);
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
108
PointCloudWeb.Web/public/Potree/examples/classifications.html
Normal file
108
PointCloudWeb.Web/public/Potree/examples/classifications.html
Normal file
@@ -0,0 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
|
||||
<span style="position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 10000">
|
||||
<input type="button" value="Default Scheme" onclick="setDefaultScheme()"/>
|
||||
<input type="button" value="Tree Scheme" onclick="setTreeScheme()"/>
|
||||
<input type="button" value="Random Scheme" onclick="setRandomScheme()"/>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setDescription(`
|
||||
Classification schemes can be changed at runtime via viewer.setClassifications(...). <br>
|
||||
<br>
|
||||
Point cloud courtesy of <a target='_blank' href='https://www.pge.com/'>PG&E</a>,
|
||||
hosted by <a target='_blank' href='http://opentopo.sdsc.edu/lidarDataset?opentopoID=OTLAS.032013.26910.2'>Open Topography</a>`);
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
$("#menu_filters").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 3;
|
||||
material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
material.activeAttributeName = "classification";
|
||||
|
||||
viewer.scene.view.position.set(694274.518, 3916261.987, 348.732);
|
||||
viewer.scene.view.lookAt(694683.097, 3916386.916, 30.879);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.setDefaultScheme = function(){
|
||||
viewer.setClassifications(Potree.ClassificationScheme.DEFAULT);
|
||||
}
|
||||
|
||||
window.setTreeScheme = function(){
|
||||
viewer.setClassifications({
|
||||
5: { visible: true, name: 'trees' , color: [0.0, 1.0, 0.0, 1.0] },
|
||||
DEFAULT: { visible: false, name: 'other' , color: [0.0, 0.0, 0.0, 1.0] },
|
||||
});
|
||||
}
|
||||
|
||||
window.setRandomScheme = function(){
|
||||
const scheme = {};
|
||||
|
||||
for(let i = 0; i < 32; i++){
|
||||
scheme[i] = { visible: true, name: `random:_${i}`, color: [Math.random(), Math.random(), Math.random(), 1.0] };
|
||||
}
|
||||
|
||||
viewer.setClassifications(scheme);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
123
PointCloudWeb.Web/public/Potree/examples/clipping_volume.html
Normal file
123
PointCloudWeb.Web/public/Potree/examples/clipping_volume.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
let clipSpheres = [
|
||||
{position: [0.032, -2.382, 4.279], scale: 3},
|
||||
{position: [-1.787, 6.011, 1.711], scale: 1},
|
||||
{position: [0.095, 7.636, 10.997], scale: 2},
|
||||
];
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`
|
||||
This example contains two clipping volumes, one with visible bounding box and another one without. <br>
|
||||
Inside the "Tools" panel, you can specify whether you want to show points inside or outside the clip box,
|
||||
or to highlight points that are inside.<br>
|
||||
The two volume entries in the "Scene" panel can be used to inspect the properties of the volumes and to show or hide them.
|
||||
Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
let scene = viewer.scene;
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
{ // VOLUME visible
|
||||
let volume = new Potree.BoxVolume();
|
||||
volume.name = "Visible";
|
||||
volume.scale.set(178.04, 159.14, 70.00);
|
||||
volume.position.set(589877.20, 231374.01, 749.62);
|
||||
volume.clip = true;
|
||||
//volume.visible = false;
|
||||
|
||||
scene.addVolume(volume);
|
||||
}
|
||||
|
||||
{ // VOLUME invisible
|
||||
let volume = new Potree.BoxVolume();
|
||||
volume.name = "Invisible";
|
||||
volume.scale.set(178.04, 159.14, 70.00);
|
||||
volume.position.set(589661.930, 231374.010, 749.620);
|
||||
volume.clip = true;
|
||||
volume.visible = false;
|
||||
|
||||
scene.addVolume(volume);
|
||||
}
|
||||
|
||||
scene.view.position.set(590017.55, 231689.93, 1027.90);
|
||||
scene.view.lookAt(new THREE.Vector3(589807.53, 231410.61, 765.30));
|
||||
// viewer.fitToScreen();
|
||||
|
||||
viewer.setClipTask(Potree.ClipTask.SHOW_INSIDE)
|
||||
});
|
||||
|
||||
function test(){
|
||||
let volume = viewer.scene.volumes[1];
|
||||
let pointcloud = viewer.scene.pointclouds[0];
|
||||
|
||||
let fitted = pointcloud.root.getFittedBox(volume);
|
||||
console.log(fitted);
|
||||
volume.scale.copy(fitted.scale);
|
||||
volume.position.copy(fitted.position);
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setDescription("Adding a custom section to the sidebar");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.toggleSidebar();
|
||||
|
||||
let section = $(`
|
||||
<h3 id="menu_meta" class="accordion-header ui-widget"><span>Metadata</span></h3>
|
||||
<div class="accordion-content ui-widget pv-menu-list"></div>
|
||||
`);
|
||||
let content = section.last();
|
||||
content.html(`
|
||||
<div class="pv-menu-list">
|
||||
A custom Section in the sidebar!<br>
|
||||
<br>
|
||||
Uncomment "content.hide();" to hide content by default.<br>
|
||||
<br>
|
||||
Take a look at src/viewer/sidebar.html and sidebar.js to
|
||||
learn how the other sections were populated.
|
||||
</div>
|
||||
`);
|
||||
section.first().click(() => content.slideToggle());
|
||||
section.insertBefore($('#menu_about'));
|
||||
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "Sorvilier", e => {
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
// viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", e => {
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
//viewer.setNavigationMode(Potree.DeviceOrientationControls);
|
||||
|
||||
const controls = new Potree.DeviceOrientationControls(viewer);
|
||||
viewer.setControls(controls);
|
||||
viewer.scene.view.position.set(589976, 231432, 748);
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,92 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>");
|
||||
|
||||
viewer.loadGUI().then( () => {
|
||||
|
||||
console.log("gui loaded task");
|
||||
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
viewer.profileWindow.show();
|
||||
viewer.profileWindowController.setProfile(viewer.scene.profiles[0]);
|
||||
});
|
||||
|
||||
{ // PROFILE
|
||||
let profile = new Potree.Profile();
|
||||
profile.name = "Elevation Profile";
|
||||
profile.setWidth(6)
|
||||
profile.addMarker(new THREE.Vector3(589997.02, 231327.75, 755.73));
|
||||
profile.addMarker(new THREE.Vector3(589579.65, 231323.51, 775.78));
|
||||
profile.addMarker(new THREE.Vector3(589500.87, 231356.23, 782.91));
|
||||
|
||||
viewer.scene.addProfile(profile);
|
||||
}
|
||||
|
||||
// POINTCLOUD
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
let scene = viewer.scene;
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
scene.view.position.set(589974.341, 231698.397, 986.146);
|
||||
scene.view.lookAt(new THREE.Vector3(589851.587, 231428.213, 715.634));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,12 @@
|
||||
<html>
|
||||
<head></head>
|
||||
|
||||
<body>
|
||||
|
||||
<div style="position: absolute; left: 20%; right: 20%; top: 20%; bottom: 20%">
|
||||
<iframe src="viewer.html" style="width: 100%; height: 100%"></iframe>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
87
PointCloudWeb.Web/public/Potree/examples/ept.html
Normal file
87
PointCloudWeb.Web/public/Potree/examples/ept.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Loading Entwine-generated EPT format");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
});
|
||||
|
||||
var path = "../pointclouds/lion_takanawa_ept_laz/ept.json";
|
||||
var name = "lion";
|
||||
|
||||
var getQueryParam = function(name) {
|
||||
name = name.replace(/[\[\]]/g, "\\$&");
|
||||
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
|
||||
results = regex.exec(window.location.href);
|
||||
if (!results || !results[2]) return null;
|
||||
return decodeURIComponent(results[2].replace(/\+/g, " "));
|
||||
}
|
||||
|
||||
var r = getQueryParam('r');
|
||||
if (r) {
|
||||
name = r;
|
||||
var http = 'http';
|
||||
if (r.substr(0, http.length) == http) path = name;
|
||||
else path = "../pointclouds/" + name + "/ept.json";
|
||||
}
|
||||
|
||||
Potree.loadPointCloud(path, name, function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
viewer.fitToScreen(0.5);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
87
PointCloudWeb.Web/public/Potree/examples/ept_binary.html
Normal file
87
PointCloudWeb.Web/public/Potree/examples/ept_binary.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Loading Entwine-generated EPT format");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
});
|
||||
|
||||
var path = "../pointclouds/lion_takanawa_ept_bin/ept.json";
|
||||
var name = "lion";
|
||||
|
||||
var getQueryParam = function(name) {
|
||||
name = name.replace(/[\[\]]/g, "\\$&");
|
||||
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
|
||||
results = regex.exec(window.location.href);
|
||||
if (!results || !results[2]) return null;
|
||||
return decodeURIComponent(results[2].replace(/\+/g, " "));
|
||||
}
|
||||
|
||||
var r = getQueryParam('r');
|
||||
if (r) {
|
||||
name = r;
|
||||
var http = 'http';
|
||||
if (r.substr(0, http.length) == http) path = name;
|
||||
else path = "../pointclouds/" + name + "/ept.json";
|
||||
}
|
||||
|
||||
Potree.loadPointCloud(path, name, function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
viewer.fitToScreen(0.5);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
87
PointCloudWeb.Web/public/Potree/examples/ept_zstandard.html
Normal file
87
PointCloudWeb.Web/public/Potree/examples/ept_zstandard.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Loading Entwine-generated EPT format");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
});
|
||||
|
||||
var path = "../pointclouds/lion_takanawa_ept_zst/ept.json";
|
||||
var name = "lion";
|
||||
|
||||
var getQueryParam = function(name) {
|
||||
name = name.replace(/[\[\]]/g, "\\$&");
|
||||
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
|
||||
results = regex.exec(window.location.href);
|
||||
if (!results || !results[2]) return null;
|
||||
return decodeURIComponent(results[2].replace(/\+/g, " "));
|
||||
}
|
||||
|
||||
var r = getQueryParam('r');
|
||||
if (r) {
|
||||
name = r;
|
||||
var http = 'http';
|
||||
if (r.substr(0, http.length) == http) path = name;
|
||||
else path = "../pointclouds/" + name + "/ept.json";
|
||||
}
|
||||
|
||||
Potree.loadPointCloud(path, name, function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
viewer.fitToScreen(0.5);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
229
PointCloudWeb.Web/public/Potree/examples/features_ca13.html
Normal file
229
PointCloudWeb.Web/public/Potree/examples/features_ca13.html
Normal file
@@ -0,0 +1,229 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// CA13
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13/cloud.js", "CA13", function(e){
|
||||
let pointcloud = e.pointcloud;
|
||||
let scene = viewer.scene;
|
||||
let material = pointcloud.material;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
pointcloud.position.z = 0;
|
||||
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
scene.view.position.set(690711.599, 3873671.422, 51647.850);
|
||||
scene.view.lookAt(705119.301, 3920506.695, -564.566);
|
||||
|
||||
{ // ANNOTATIONS
|
||||
let aRoot = viewer.scene.annotations;
|
||||
|
||||
let aCA13 = new Potree.Annotation({
|
||||
title: "CA13",
|
||||
position: [675036.45, 3850315.78, 65076.70],
|
||||
cameraPosition: [675036.45, 3850315.78, 65076.70],
|
||||
cameraTarget: [692869.03, 3925774.14, 1581.51],
|
||||
});
|
||||
aRoot.add(aCA13);
|
||||
|
||||
let aSanSimeon = new Potree.Annotation({
|
||||
title: "San Simeon",
|
||||
position: [664147.50, 3946008.73, 16.30],
|
||||
cameraPosition: [664941.80, 3943568.06, 1925.30],
|
||||
cameraTarget: [664147.50, 3946008.73, 16.30],
|
||||
});
|
||||
aCA13.add(aSanSimeon);
|
||||
|
||||
let aHearstCastle = new Potree.Annotation({
|
||||
title: "Hearst Castle",
|
||||
position: [665744.56, 3950567.52, 500.48],
|
||||
cameraPosition: [665692.66, 3950521.65, 542.02],
|
||||
cameraTarget: [665744.56, 3950567.52, 500.48],
|
||||
});
|
||||
aCA13.add(aHearstCastle);
|
||||
|
||||
let aMorroBay = new Potree.Annotation({
|
||||
title: "Morro Bay",
|
||||
position: [695483.33, 3916430.09, 25.75],
|
||||
cameraPosition: [694114.65, 3911176.26, 3402.33],
|
||||
cameraTarget: [695483.33, 3916430.09, 25.75],
|
||||
});
|
||||
aCA13.add(aMorroBay);
|
||||
|
||||
let aMorroRock = new Potree.Annotation({
|
||||
title: "Morro Rock",
|
||||
position: [693729.66, 3916085.19, 90.35],
|
||||
cameraPosition: [693512.77, 3915375.61, 342.33],
|
||||
cameraTarget: [693729.66, 3916085.19, 90.35],
|
||||
});
|
||||
aMorroBay.add(aMorroRock);
|
||||
|
||||
let aMorroBayMutualWaterCo = new Potree.Annotation({
|
||||
title: "Morro Bay Mutual Water Co",
|
||||
position: [694699.45, 3916425.75, 39.78],
|
||||
cameraPosition: [694377.64, 3916289.32, 218.40],
|
||||
cameraTarget: [694699.45, 3916425.75, 39.78],
|
||||
});
|
||||
aMorroBay.add(aMorroBayMutualWaterCo);
|
||||
|
||||
let aLilaKeiserPark = new Potree.Annotation({
|
||||
title: "Lila Keiser Park",
|
||||
position: [694674.99, 3917070.49, 10.86],
|
||||
cameraPosition: [694452.59, 3916845.14, 298.64],
|
||||
cameraTarget: [694674.99, 3917070.49, 10.86],
|
||||
});
|
||||
aMorroBay.add(aLilaKeiserPark);
|
||||
|
||||
let aSanLuisObispo = new Potree.Annotation({
|
||||
title: "San Luis Obispo",
|
||||
position: [712573.39, 3907588.33, 146.44],
|
||||
cameraPosition: [711158.29, 3907019.82, 1335.89],
|
||||
cameraTarget: [712573.39, 3907588.33, 146.44],
|
||||
});
|
||||
aCA13.add(aSanLuisObispo);
|
||||
|
||||
let aLopezHill = new Potree.Annotation({
|
||||
title: "Lopez Hill",
|
||||
position: [728635.63, 3895761.56, 456.33],
|
||||
cameraPosition: [728277.24, 3895282.29, 821.51],
|
||||
cameraTarget: [728635.63, 3895761.56, 456.33],
|
||||
});
|
||||
aCA13.add(aLopezHill);
|
||||
|
||||
let aWhaleRockReservoir = new Potree.Annotation({
|
||||
title: "Whale Rock Reservoir",
|
||||
position: [692845.46, 3925528.53, 140.91],
|
||||
cameraPosition: [693073.32, 3922354.02, 2154.17],
|
||||
cameraTarget: [692845.46, 3925528.53, 140.91],
|
||||
});
|
||||
aCA13.add(aWhaleRockReservoir);
|
||||
|
||||
}
|
||||
|
||||
{ // TREE RETURNS POI - ANNOTATION & VOLUME
|
||||
let aRoot = scene.annotations;
|
||||
|
||||
let aTreeReturns = new Potree.Annotation({
|
||||
title: "Tree Returns",
|
||||
position: [675756.75, 3937590.94, 80.21],
|
||||
cameraPosition: [675715.78, 3937700.36, 115.95],
|
||||
cameraTarget: [675756.75, 3937590.94, 80.21],
|
||||
actions: [{
|
||||
"icon": Potree.resourcePath + "/icons/return_number.svg",
|
||||
"onclick": function(){
|
||||
material.activeAttributeName = "return number";
|
||||
material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
viewer.setClipTask(Potree.ClipTask.SHOW_INSIDE);
|
||||
}
|
||||
},{
|
||||
"icon": Potree.resourcePath + "/icons/rgb.png",
|
||||
"onclick": function(){
|
||||
material.activeAttributeName = "rgba";
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
viewer.setClipTask(Potree.ClipTask.HIGHLIGHT);
|
||||
}
|
||||
}]
|
||||
});
|
||||
aRoot.add(aTreeReturns);
|
||||
aTreeReturns.domElement.find(".annotation-action-icon:first").css("filter", "invert(1)");
|
||||
|
||||
let volume = new Potree.BoxVolume();
|
||||
volume.position.set(675755.4039368022, 3937586.911614576, 85);
|
||||
volume.scale.set(119.87189835418388, 68.3925257233834, 51.757483718373265);
|
||||
volume.rotation.set(0, 0, 0.8819755090987993, "XYZ");
|
||||
volume.clip = true;
|
||||
volume.visible = false;
|
||||
volume.name = "Trees";
|
||||
scene.addVolume(volume);
|
||||
}
|
||||
|
||||
{ // MEASUREMENTS
|
||||
{
|
||||
let measurement = new Potree.Measure();
|
||||
measurement.addMarker([649883.34, 3964419.93, 815.99]);
|
||||
measurement.addMarker([648709.04, 3963016.51, 2.36]);
|
||||
measurement.showHeight = true;
|
||||
measurement.showDistances = false;
|
||||
measurement.name = "Mountain Height";
|
||||
viewer.scene.addMeasurement(measurement);
|
||||
}
|
||||
|
||||
{
|
||||
let measurement = new Potree.Measure();
|
||||
measurement.addMarker([655447.29, 3948399.92, 19.26]);
|
||||
measurement.addMarker([655411.81, 3948369.64, 17.84]);
|
||||
measurement.name = "Parking Space";
|
||||
viewer.scene.addMeasurement(measurement);
|
||||
}
|
||||
|
||||
{
|
||||
let measurement = new Potree.Measure();
|
||||
measurement.addMarker([646037.800, 3971448.200, 819.990]);
|
||||
measurement.addMarker([736909.820, 3891012.300, 296.000]);
|
||||
viewer.scene.addMeasurement(measurement);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
370
PointCloudWeb.Web/public/Potree/examples/features_sorvilier.html
Normal file
370
PointCloudWeb.Web/public/Potree/examples/features_sorvilier.html
Normal file
@@ -0,0 +1,370 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
import {PLYLoader} from "../libs/three.js/loaders/PLYLoader.js";
|
||||
import {OBJLoader} from "../libs/three.js/loaders/OBJLoader.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
let scene = viewer.scene;
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
scene.view.position.set(589974.341, 231698.397, 986.146);
|
||||
scene.view.lookAt(new THREE.Vector3(589851.587, 231428.213, 715.634));
|
||||
// viewer.fitToScreen();
|
||||
});
|
||||
|
||||
{ // LIGHTS
|
||||
const directional = new THREE.DirectionalLight( 0xffffff, 1.0);
|
||||
directional.position.set( 10, 10, 10 );
|
||||
directional.lookAt(0, 0, 0);
|
||||
|
||||
const ambient = new THREE.AmbientLight(0x555555);
|
||||
|
||||
viewer.scene.scene.add(directional);
|
||||
viewer.scene.scene.add(ambient);
|
||||
}
|
||||
|
||||
{ // MEASUREMENTS
|
||||
let scene = viewer.scene;
|
||||
|
||||
{ // DISTANCE MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.closed = false;
|
||||
measure.addMarker(new THREE.Vector3(589803.18, 231357.35, 745.38));
|
||||
measure.addMarker(new THREE.Vector3(589795.74, 231323.42, 746.21));
|
||||
measure.addMarker(new THREE.Vector3(589822.50, 231315.90, 744.45));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // ANGLE MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Angle Sample";
|
||||
measure.closed = true;
|
||||
measure.showAngles = true;
|
||||
measure.showDistances = false;
|
||||
measure.addMarker(new THREE.Vector3(589866.11, 231372.25, 737.41));
|
||||
measure.addMarker(new THREE.Vector3(589842.15, 231366.82, 743.61));
|
||||
measure.addMarker(new THREE.Vector3(589860.61, 231348.01, 740.33));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // SINGLE POINT MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Canopy";
|
||||
measure.showDistances = false;
|
||||
measure.showCoordinates = true;
|
||||
measure.maxMarkers = 1;
|
||||
measure.addMarker(new THREE.Vector3(589853.73, 231300.24, 775.48));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // HEIGHT MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Tree Height";
|
||||
measure.closed = false;
|
||||
measure.showDistances = false;
|
||||
measure.showHeight = true;
|
||||
measure.addMarker(new THREE.Vector3(589849.69, 231327.26, 766.32));
|
||||
measure.addMarker(new THREE.Vector3(589840.96, 231329.53, 744.52));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // AREA MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Area";
|
||||
measure.closed = true;
|
||||
measure.showArea = true;
|
||||
measure.addMarker(new THREE.Vector3(589899.37, 231300.16, 750.25));
|
||||
measure.addMarker(new THREE.Vector3(589874.60, 231326.06, 743.40));
|
||||
measure.addMarker(new THREE.Vector3(589911.61, 231352.57, 743.58));
|
||||
measure.addMarker(new THREE.Vector3(589943.50, 231300.08, 754.62));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // PROFILE
|
||||
let profile = new Potree.Profile();
|
||||
profile.setWidth(6)
|
||||
profile.addMarker(new THREE.Vector3(589641.6098756103, 231453.76974998094, 760.4950016784668));
|
||||
profile.addMarker(new THREE.Vector3(589514.4799995422, 231309.46000003815, 775.6249989318848));
|
||||
profile.addMarker(new THREE.Vector3(589512.4600000381, 231504.9597490845, 764.6350010681152));
|
||||
|
||||
scene.addProfile(profile);
|
||||
}
|
||||
}
|
||||
|
||||
{ // ANNOTATIONS
|
||||
let scene = viewer.scene;
|
||||
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
position: [589847.17, 231436.78, 892.60],
|
||||
cameraPosition: [590034.03, 231814.02, 961.68],
|
||||
cameraTarget: [589847.17, 231436.78, 742.60],
|
||||
title: "Sorvilier"
|
||||
}));
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
position: [589850.15, 231300.10, 770.94],
|
||||
title: "Trees",
|
||||
description: `Point cloud of a small section in Sorvilier, Switzerland. <br>
|
||||
Courtesy of sigeom.sa`
|
||||
}));
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
position: [590043.63, 231490.79, 740.78],
|
||||
title: "About Annotations",
|
||||
cameraPosition: [590105.53, 231541.63, 782.05],
|
||||
cameraTarget: [590043.63, 231488.79, 740.78],
|
||||
description: `<ul><li>Click on the annotation label to move a predefined view.</li>
|
||||
<li>Click on the icon to execute the specified action.</li>
|
||||
In this case, the action will bring you to another scene and point cloud.</ul>`,
|
||||
}));
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
position: [589621, 231437, 784],
|
||||
cameraPosition: [589585.81, 231463.63, 804.00],
|
||||
cameraTarget: [589625.86, 231439, 775.38],
|
||||
title: "About Annotations 2",
|
||||
description: `
|
||||
Suitable annotation positions and views can be obtained by
|
||||
looking up the current camera position and target in the "Scene" panel,
|
||||
or by evaluating following lines in your browser's developer console:<br><br>
|
||||
<code>viewer.scene.view.position</code><br>
|
||||
<code>viewer.scene.view.getPivot()</code><br>
|
||||
`
|
||||
}));
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
position: [589980, 231236.83, 783.89],
|
||||
title: "About Annotations 1",
|
||||
description: `
|
||||
Annotations mark and describe locations.
|
||||
They can move users to a predefined location on click,
|
||||
and provide action buttons to offer easily accessible
|
||||
functionality at certain points of interest.
|
||||
`
|
||||
}));
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
position: [589880, 231236.83, 783.89],
|
||||
title: "About Annotations 2",
|
||||
description: `
|
||||
Suitable annotation positions and views can be obtained by
|
||||
looking up the current camera position and target in the "Scene" panel,
|
||||
or by evaluating following lines in your browser's developer console:<br><br>
|
||||
<code>viewer.scene.view.position</code><br>
|
||||
<code>viewer.scene.view.getPivot()</code><br>
|
||||
`
|
||||
}));
|
||||
|
||||
scene.annotations.add(new Potree.Annotation({
|
||||
title: "Actions: ",
|
||||
position: [589769.27, 231236.83, 783.89],
|
||||
description: `This annotation has actions that switch between elevation and color rendering modes.`,
|
||||
actions: [{
|
||||
"icon": Potree.resourcePath + "/icons/profile.svg",
|
||||
"onclick": function(){
|
||||
for(let pointcloud of viewer.scene.pointclouds){
|
||||
pointcloud.material.activeAttributeName = "elevation";
|
||||
pointcloud.material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
}
|
||||
}
|
||||
},{
|
||||
"icon": Potree.resourcePath + "/icons/rgb.png",
|
||||
"onclick": function(){
|
||||
for(let pointcloud of viewer.scene.pointclouds){
|
||||
pointcloud.material.activeAttributeName = "rgba";
|
||||
pointcloud.material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
}
|
||||
}
|
||||
}]
|
||||
}));
|
||||
}
|
||||
|
||||
{
|
||||
let volume = new Potree.BoxVolume();
|
||||
volume.name = "Test Volume";
|
||||
volume.scale.set(87.70990081104037, 65.01472874807978, 95.53770288101325);
|
||||
volume.position.set(589688.5173246722, 231341.79786558595, 792.7726157084892);
|
||||
volume.rotation.set(0, 0, 0.6338484063020134);
|
||||
volume.clip = true;
|
||||
viewer.scene.addVolume(volume);
|
||||
}
|
||||
|
||||
{ // Load Textured bunny from obj
|
||||
let manager = new THREE.LoadingManager();
|
||||
manager.onProgress = function ( item, loaded, total ) {
|
||||
console.log( item, loaded, total );
|
||||
};
|
||||
let textureLoader = new THREE.TextureLoader( manager );
|
||||
let texture = textureLoader.load(`${Potree.resourcePath}/textures/brick_pavement.jpg`);
|
||||
let onProgress = function ( xhr ) {
|
||||
if ( xhr.lengthComputable ) {
|
||||
let percentComplete = xhr.loaded / xhr.total * 100;
|
||||
console.log( Math.round(percentComplete, 2) + '% downloaded' );
|
||||
}
|
||||
};
|
||||
texture.wrapS = THREE.RepeatWrapping;
|
||||
texture.wrapT = THREE.RepeatWrapping;
|
||||
|
||||
let onError = function ( xhr ) {};
|
||||
let loader = new OBJLoader( manager );
|
||||
loader.load(`${Potree.resourcePath}/models/stanford_bunny_reduced.obj`, function ( object ) {
|
||||
object.traverse( function ( child ) {
|
||||
if ( child instanceof THREE.Mesh ) {
|
||||
child.material.map = texture;
|
||||
}
|
||||
} );
|
||||
|
||||
object.position.set(589871.587, 231528.213, 725.634);
|
||||
object.scale.multiplyScalar(500);
|
||||
object.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
|
||||
viewer.scene.scene.add( object );
|
||||
|
||||
viewer.onGUILoaded(() => {
|
||||
// Add entries to object list in sidebar
|
||||
let tree = $(`#jstree_scene`);
|
||||
let parentNode = "other";
|
||||
|
||||
let bunnyID = tree.jstree('create_node', parentNode, {
|
||||
text: "Bunny Textured",
|
||||
icon: `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
data: object
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(object.visible ? "check_node" : "uncheck_node", bunnyID);
|
||||
|
||||
//tree.jstree("open_node", parentNode);
|
||||
});
|
||||
|
||||
}, onProgress, onError );
|
||||
}
|
||||
|
||||
// Load untextured bunny from ply
|
||||
var loader = new PLYLoader();
|
||||
loader.load( Potree.resourcePath + "/models/stanford_bunny_reduced.ply", (geometry) => {
|
||||
geometry.computeVertexNormals();
|
||||
|
||||
// place two instances of this bunny into the scene
|
||||
|
||||
let mesh1;
|
||||
{
|
||||
let material = new THREE.MeshNormalMaterial();
|
||||
mesh1 = new THREE.Mesh( geometry, material );
|
||||
mesh1.position.set(589961.587, 231428.213, 710.634);
|
||||
mesh1.scale.multiplyScalar(500);
|
||||
mesh1.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
viewer.scene.scene.add(mesh1);
|
||||
}
|
||||
|
||||
let mesh2;
|
||||
{
|
||||
let material = new THREE.MeshPhysicalMaterial( {
|
||||
color: 0x226666,
|
||||
metalness: 0,
|
||||
roughness: 0.5,
|
||||
clearCoat: 1.0,
|
||||
clearCoatRoughness: 1.0,
|
||||
reflectivity: 1.0
|
||||
} );
|
||||
mesh2 = new THREE.Mesh( geometry, material );
|
||||
mesh2.position.set(589751.587, 231428.213, 725.634);
|
||||
mesh2.scale.multiplyScalar(500);
|
||||
mesh2.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
viewer.scene.scene.add(mesh2);
|
||||
}
|
||||
|
||||
viewer.onGUILoaded(() => {
|
||||
// Add entries to object list in sidebar
|
||||
let tree = $(`#jstree_scene`);
|
||||
let parentNode = "other";
|
||||
|
||||
let bunny1ID = tree.jstree('create_node', parentNode, {
|
||||
text: "Bunny 1",
|
||||
icon: `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
data: mesh1
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(mesh1.visible ? "check_node" : "uncheck_node", bunny1ID);
|
||||
|
||||
let bunny2ID = tree.jstree('create_node', parentNode, {
|
||||
text: "Bunny 2",
|
||||
icon: `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
data: mesh2
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(mesh2.visible ? "check_node" : "uncheck_node", bunny2ID);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
87
PointCloudWeb.Web/public/Potree/examples/geopackage.html
Normal file
87
PointCloudWeb.Web/public/Potree/examples/geopackage.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(5_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
//$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
$("#menu_filters").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", async function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 0.7;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "rgba";
|
||||
|
||||
viewer.scene.view.setView(
|
||||
[693943.373, 3915593.308, 1051.287],
|
||||
[694667.183, 3916308.972, -96.390],
|
||||
);
|
||||
|
||||
{ // load a geopackage
|
||||
proj4.defs("WGS84", "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs");
|
||||
proj4.defs("pointcloud", viewer.getProjection());
|
||||
const params = {
|
||||
transform: proj4("WGS84", "pointcloud"),
|
||||
};
|
||||
|
||||
const url = "./morro_bay_shp/gpkg/geopackage.gpkg";
|
||||
const geopackage = await Potree.GeoPackageLoader.loadUrl(url, params);
|
||||
viewer.scene.addGeopackage(geopackage);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
416
PointCloudWeb.Web/public/Potree/examples/github.html
Normal file
416
PointCloudWeb.Web/public/Potree/examples/github.html
Normal file
@@ -0,0 +1,416 @@
|
||||
|
||||
|
||||
<h1>Examples</h1>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/viewer.html" target="_blank">
|
||||
<img src="examples/thumbnails/viewer.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/oriented_images.html" target="_blank">
|
||||
<img src="examples/thumbnails/oriented_images.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/360.html" target="_blank">
|
||||
<img src="examples/thumbnails/360.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/geopackage.html" target="_blank">
|
||||
<img src="examples/thumbnails/geopackage.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/classifications.html" target="_blank">
|
||||
<img src="examples/thumbnails/classifications.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/camera_animation.html" target="_blank">
|
||||
<img src="examples/thumbnails/camera_animation.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Basic Viewer</th><th>Oriented Images</th><th>360 images</th><th>Geopackage</th><th>Classifications</th><th>Camera Animation</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/load_project.html" target="_blank">
|
||||
<img src="examples/thumbnails/load_project.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/toolbar.html" target="_blank">
|
||||
<img src="examples/thumbnails/toolbar.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/matcap.html" target="_blank">
|
||||
<img src="examples/thumbnails/matcap.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/heidentor.html" target="_blank">
|
||||
<img src="examples/thumbnails/heidentor.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/lion.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/lion_las.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion_las.png" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Load Project</th><th>Toolbar</th><th>Matcap</th><th>Heidentor</th><th>Lion</th><th>Lion LAS</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/lion_laz.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion_las.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/ept.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/ept_binary.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion_las.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/ept_zstandard.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion_las.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/clipping_volume.html" target="_blank">
|
||||
<img src="examples/thumbnails/clipping_volume.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/ca13.html" target="_blank">
|
||||
<img src="examples/thumbnails/ca13.png" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Lion LAZ</th><th>EPT</th><th>EPT Binary</th><th>EPT zstandard</th><th>Clipping Volume</th><th>CA13</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/elevation_profile.html" target="_blank">
|
||||
<img src="examples/thumbnails/elevation_profile.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/measurements.html" target="_blank">
|
||||
<img src="examples/thumbnails/measurements.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/meshes.html" target="_blank">
|
||||
<img src="examples/thumbnails/meshes.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/multiple_pointclouds.html" target="_blank">
|
||||
<img src="examples/thumbnails/multiple_point_clouds.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/features_sorvilier.html" target="_blank">
|
||||
<img src="examples/thumbnails/features_sorvilier.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/features_ca13.html" target="_blank">
|
||||
<img src="examples/thumbnails/features_ca13.png" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Elevation Profile</th><th>Measurements</th><th>Meshes</th><th>Multiple Point Clouds</th><th>Features (Sorvilier)</th><th>Features (CA13)</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/annotations.html" target="_blank">
|
||||
<img src="examples/thumbnails/annotations.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/annotation_hierarchy.html" target="_blank">
|
||||
<img src="examples/thumbnails/annotation_hierarchy.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/animation_paths.html" target="_blank">
|
||||
<img src="examples/thumbnails/animation_paths.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/shapefiles.html" target="_blank">
|
||||
<img src="examples/thumbnails/shapefiles.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/cesium_ca13.html" target="_blank">
|
||||
<img src="examples/thumbnails/cesium_ca13.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/cesium_retz.html" target="_blank">
|
||||
<img src="examples/thumbnails/cesium_retz.png" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Annotations</th><th>Hierarchical Annotations</th><th>Animation Path</th><th>Shapefiles</th><th>Cesium CA13</th><th>Cesium Retz</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/cesium_sorvilier.html" target="_blank">
|
||||
<img src="examples/thumbnails/cesium_sorvilier.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/custom_sidebar_section.html" target="_blank">
|
||||
<img src="examples/thumbnails/custom_sidebar_section.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/embedded_iframe.html" target="_blank">
|
||||
<img src="examples/thumbnails/embedded_iframe.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/gradient_colors.html" target="_blank">
|
||||
<img src="examples/thumbnails/gradient_colors.png" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Cesium Sorvilier</th><th>Custom Sidebar Section</th><th>Embedded Iframe</th><th>Gradient Colors</th>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h1>VR</h1>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/vr_heidentor.html" target="_blank">
|
||||
<img src="examples/thumbnails/heidentor.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/vr_eclepens.html" target="_blank">
|
||||
<img src="examples/thumbnails/eclepens.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/vr_morro_bay.html" target="_blank">
|
||||
<img src="examples/thumbnails/ca13.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/vr_lion.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion.png" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/vr_dechen_cave.html" target="_blank">
|
||||
<img src="examples/thumbnails/dechen_cave.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Heidentor</th><th>Eclepens</th><th>Morro Bay</th><th>Lion</th><th>Dechen Cave</th>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h1>Showcase</h1>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/showcase/matterhorn.html" target="_blank">
|
||||
<img src="examples/thumbnails/matterhorn.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/retz.html" target="_blank">
|
||||
<img src="examples/thumbnails/retz.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/lake_tahoe.html" target="_blank">
|
||||
<img src="examples/thumbnails/lake_tahoe.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/sorvilier.html" target="_blank">
|
||||
<img src="examples/thumbnails/vol_total.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/grab_15.html" target="_blank">
|
||||
<img src="examples/thumbnails/grab_15.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/tern_auscover_chowilla.html" target="_blank">
|
||||
<img src="examples/thumbnails/chowilla.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Matterhorn</th><th>Retz</th><th>Lake Tahoe</th><th>Sorvilier</th><th>Grave</th><th>Chowilla</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/showcase/chiller.html" target="_blank">
|
||||
<img src="examples/thumbnails/chiller.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/cooler_tower.html" target="_blank">
|
||||
<img src="examples/thumbnails/cooler_tower.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/dechen_cave.html" target="_blank">
|
||||
<img src="examples/thumbnails/dechen_cave.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/doverMillRuins.html" target="_blank">
|
||||
<img src="examples/thumbnails/DoverMillRuins.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/eclepens.html" target="_blank">
|
||||
<img src="examples/thumbnails/eclepens.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/heidentor.html" target="_blank">
|
||||
<img src="examples/thumbnails/heidentor.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Chiller</th><th>Cooler</th><th>Dechen Cave</th><th>Ruins</th><th>Eclepens</th><th>Heidentor</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/showcase/land_building.html" target="_blank">
|
||||
<img src="examples/thumbnails/land_building.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/LDHI_module.html" target="_blank">
|
||||
<img src="examples/thumbnails/LDHI_module.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/lion_head_simone_garagnani.html" target="_blank">
|
||||
<img src="examples/thumbnails/lion_head.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/overpass.html" target="_blank">
|
||||
<img src="examples/thumbnails/overpass.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/pielach.html" target="_blank">
|
||||
<img src="examples/thumbnails/pielach.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/pompei.html" target="_blank">
|
||||
<img src="examples/thumbnails/pompei.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Building</th><th>LDHI</th><th>Lion Head</th><th>Overpass</th><th>Pielach</th><th>pompei</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://potree.org/potree/examples/showcase/santorini.html" target="_blank">
|
||||
<img src="examples/thumbnails/santorini.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/skatepark.html" target="_blank">
|
||||
<img src="examples/thumbnails/skatepark.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/subsea_equipment.html" target="_blank">
|
||||
<img src="examples/thumbnails/subsea_equipment.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/subsea_manifold.html" target="_blank">
|
||||
<img src="examples/thumbnails/subseamanifold.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/westend_palais.html" target="_blank">
|
||||
<img src="examples/thumbnails/westend_palais.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.org/potree/examples/showcase/whitby.html" target="_blank">
|
||||
<img src="examples/thumbnails/whitby.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Santorini</th><th>Skatepark</th><th>Subsea Eq.</th><th>Subsea Man.</th><th>Westend Palais</th><th>Whitby</th>
|
||||
</tr><tr>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h1>Third Party Showcase</h1>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="https://sitn.ne.ch/lidar/" target="_blank">
|
||||
<img src="examples/third/sitn.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://potree.entwine.io/" target="_blank">
|
||||
<img src="examples/third/entwine.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://files.digitisation.unimelb.edu.au/potree/pointclouds/hakea_macrorrhyncha.html" target="_blank">
|
||||
<img src="examples/third/hakea_macrorrhyncha.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://betaportal.icgc.cat/wordpress/sagrada_familia_eixample_3d/" target="_blank">
|
||||
<img src="examples/third/icgc_barcelona.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="https://www.linkedin.com/pulse/open-source-advent-21-partridge-potree-bj%C3%B8rn-ove-gr%C3%B8tan/?published=t" target="_blank">
|
||||
<img src="examples/third/preikestolen.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://bermuda100.ucsd.edu/mary-celestia/index.php" target="_blank">
|
||||
<img src="examples/third/bermuda100.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>SITN</th><th>Entwine</th><th></th><th>Barcelona</th><th></th><th>Bermuda 100</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="https://rapidlasso.com/laspublish/" target="_blank">
|
||||
<img src="examples/third/laspublish.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="https://www.pointbox.xyz/" target="_blank">
|
||||
<img src="examples/third/pointbox.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="https://digital.ucd.ie/view/ucdlib:30462" target="_blank">
|
||||
<img src="examples/third/dublin.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://ahn2.pointclouds.nl/" target="_blank">
|
||||
<img src="examples/third/AHN2.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="https://www.phoenixlidar.com/sampledata/" target="_blank">
|
||||
<img src="examples/third/phoenix_lidar.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://www.kkapc.co.jp/potree-1.5RC/examples/apc_tatumi.html" target="_blank">
|
||||
<img src="examples/third/tatsumi_dam.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>laspublish</th><th>Pointbox</th><th>Dublin</th><th>AHN2</th><th>Phoenix Lidar</th><th>Tatsumi Dam</th>
|
||||
</tr><tr>
|
||||
<td>
|
||||
<a href="http://www.airborneresearch.com.au/potree/ironbank1/examples/ironbank1.html" target="_blank">
|
||||
<img src="examples/third/ara.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="https://digitalreality.ethz.ch/goldmine/" target="_blank">
|
||||
<img src="examples/third/goldmine.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://files.digitisation.unimelb.edu.au/potree/pointclouds/ricketts-test2.html" target="_blank">
|
||||
<img src="examples/third/ricketts_sanctuary.jpg" width="100%" />
|
||||
</a>
|
||||
</td><td>
|
||||
<a href="http://wesmapping.com/blog/3d-visualization-of-the-grand-canyon-with-potree/" target="_blank">
|
||||
<img src="examples/third/wesmapping_grand_canyon.jpg" width="100%" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th></th><th></th><th></th><th>Wesmapping</th>
|
||||
</tr>
|
||||
</table>
|
||||
148
PointCloudWeb.Web/public/Potree/examples/gradient_colors.html
Normal file
148
PointCloudWeb.Web/public/Potree/examples/gradient_colors.html
Normal file
@@ -0,0 +1,148 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.setMinNodeSize(10);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`Available gradient color schemes.<br>
|
||||
Set scheme with 'pointcloud.material.gradient = Potree.Gradients.<name>'`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
viewer.scene.view.position.set(1441.04, -826.93, 1604.68);
|
||||
viewer.scene.view.lookAt(new THREE.Vector3(296.27, -162.42, 786.24));
|
||||
|
||||
let gradientNames = Object.keys(Potree.Gradients);
|
||||
let radius = 520;
|
||||
for(let i = 0; i < gradientNames.length; i++){
|
||||
let gradientName = gradientNames[i];
|
||||
let gradient = Potree.Gradients[gradientName];
|
||||
|
||||
let u = 2 * Math.PI * i / gradientNames.length;
|
||||
|
||||
let x = 0; //Math.cos(u) * radius + 2.5;
|
||||
let y = 400 * u - 900; //Math.sin(u) * radius + 0.8;
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", gradientName, e => {
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.gradient = gradient;
|
||||
|
||||
if(gradientName === "CONTOUR"){
|
||||
material.elevationRange = [750, 760];
|
||||
viewer.setElevationGradientRepeat(Potree.ElevationGradientRepeat.REPEAT);
|
||||
}else{
|
||||
material.elevationRange = [720, 800];
|
||||
}
|
||||
|
||||
e.pointcloud.position.set(x, y, e.pointcloud.position.z);
|
||||
|
||||
e.pointcloud.updateMatrixWorld();
|
||||
let box = e.pointcloud.pcoGeometry.tightBoundingBox.clone();
|
||||
box.applyMatrix4(e.pointcloud.matrixWorld);
|
||||
let center = box.getCenter();
|
||||
|
||||
|
||||
let annotation = new Potree.Annotation({
|
||||
title: gradientName,
|
||||
radius: 600
|
||||
});
|
||||
annotation.position = center;
|
||||
annotation.position.z += 30;
|
||||
viewer.scene.annotations.add(annotation);
|
||||
});
|
||||
}
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "custom", e => {
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.gradient = [
|
||||
[0.0, new THREE.Color(0.090, 0.545, 0.400)],
|
||||
[0.1, new THREE.Color(0.180, 0.590, 0.400)],
|
||||
[0.2, new THREE.Color(0.271, 0.635, 0.400)],
|
||||
[0.3, new THREE.Color(0.365, 0.682, 0.400)],
|
||||
[0.4, new THREE.Color(0.455, 0.727, 0.400)],
|
||||
[0.5, new THREE.Color(0.545, 0.773, 0.400)],
|
||||
[0.6, new THREE.Color(0.635, 0.818, 0.400)],
|
||||
[0.7, new THREE.Color(0.729, 0.865, 0.400)],
|
||||
[0.8, new THREE.Color(0.820, 0.910, 0.400)],
|
||||
[0.9, new THREE.Color(0.910, 0.955, 0.400)],
|
||||
[1.0, new THREE.Color(1.000, 1.000, 0.400)],
|
||||
];
|
||||
material.elevationRange = [720, 800];
|
||||
|
||||
e.pointcloud.position.set(0, -1200, e.pointcloud.position.z);
|
||||
|
||||
let annotation = new Potree.Annotation({
|
||||
title: "custom",
|
||||
radius: 600
|
||||
});
|
||||
e.pointcloud.updateMatrixWorld();
|
||||
let box = e.pointcloud.pcoGeometry.tightBoundingBox.clone();
|
||||
box.applyMatrix4(e.pointcloud.matrixWorld);
|
||||
let center = box.getCenter();
|
||||
annotation.position = center;
|
||||
annotation.position.z += 30;
|
||||
//annotation.position = new THREE.Vector3(0, 0, 5);
|
||||
viewer.scene.annotations.add(annotation);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
159
PointCloudWeb.Web/public/Potree/examples/heidentor.html
Normal file
159
PointCloudWeb.Web/public/Potree/examples/heidentor.html
Normal file
@@ -0,0 +1,159 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
<input id="tiffTest" type="button" value="tiff test" />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(false);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.setMinNodeSize(0);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setBackground("skybox");
|
||||
viewer.setShowBoundingBox(false);
|
||||
|
||||
viewer.setDescription(`Heidentor point cloud courtesy of <a href="http://archpro.lbg.ac.at/" target="_blank">Ludwig Boltzmann Institute - Archeological Prospection and Virtual Archeology</a> (26M points)`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/archpro/heidentor/cloud.js", "Heidentor", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
viewer.scene.view.setView(
|
||||
[13.856, -9.125, 14.563],
|
||||
[-3.548, 2.728, 6.140],
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
|
||||
{ // ground plane
|
||||
const texture = new THREE.TextureLoader().load(`${Potree.resourcePath}/textures/rectangle.png`);
|
||||
|
||||
texture.wrapS = THREE.RepeatWrapping;
|
||||
texture.wrapT = THREE.RepeatWrapping;
|
||||
texture.repeat.x = 10;
|
||||
texture.repeat.y = 10;
|
||||
texture.anisotropy = 16;
|
||||
|
||||
let geometry = new THREE.PlaneBufferGeometry(1, 1, 10, 10);
|
||||
let material = new THREE.MeshBasicMaterial();
|
||||
material.map = texture;
|
||||
material.needsUpdate = true;
|
||||
let plane = new THREE.Mesh(geometry, material);
|
||||
plane.scale.set(18, 18, 18);
|
||||
plane.position.set(-2, 3, 0);
|
||||
plane.material.color.setRGB(0.8, 0.8, 0.8);
|
||||
window.plane = plane;
|
||||
viewer.scene.scene.add(plane);
|
||||
}
|
||||
|
||||
// { // spheres to indicate coordinate axes
|
||||
// let sg = new THREE.SphereGeometry(0.1, 8, 8);
|
||||
|
||||
// { // ORIGIN
|
||||
// let sm = new THREE.MeshBasicMaterial({color: 0xaaaaaa});
|
||||
// let sphere = new THREE.Mesh(sg, sm);
|
||||
// sphere.position.set(0, 0, 0);
|
||||
// viewer.scene.scene.add(sphere);
|
||||
// }
|
||||
|
||||
// { // X
|
||||
// let sm = new THREE.MeshBasicMaterial({color: 0xff0000});
|
||||
// let sphere = new THREE.Mesh(sg, sm);
|
||||
// sphere.position.set(2, 0, 0);
|
||||
// viewer.scene.scene.add(sphere);
|
||||
// }
|
||||
|
||||
|
||||
// { // Y
|
||||
// let sm = new THREE.MeshBasicMaterial({color: 0x00ff00});
|
||||
// let sphere = new THREE.Mesh(sg, sm);
|
||||
// sphere.position.set(0, 2, 0);
|
||||
// viewer.scene.scene.add(sphere);
|
||||
// }
|
||||
|
||||
|
||||
// { // Z
|
||||
// let sm = new THREE.MeshBasicMaterial({color: 0x0000ff});
|
||||
// let sphere = new THREE.Mesh(sg, sm);
|
||||
// sphere.position.set(0, 0, 2);
|
||||
// viewer.scene.scene.add(sphere);
|
||||
// }
|
||||
|
||||
// { // RANDOM SPHERES
|
||||
// for(let i = 0; i < 2000; i++){
|
||||
// let color =
|
||||
// ((Math.random() * 255) << 16) |
|
||||
// ((Math.random() * 255) << 8) |
|
||||
// ((Math.random() * 255) << 0);
|
||||
// let sm = new THREE.MeshBasicMaterial({color: color});
|
||||
// let sphere = new THREE.Mesh(sg, sm);
|
||||
// sphere.position.set(
|
||||
// 100 * Math.random() - 50,
|
||||
// 100 * Math.random() - 50,
|
||||
// 2);
|
||||
// sphere.scale.set(3, 3, 3);
|
||||
// viewer.scene.scene.add(sphere);
|
||||
|
||||
// sphere.frustumCulled = false;
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
104
PointCloudWeb.Web/public/Potree/examples/light.html
Normal file
104
PointCloudWeb.Web/public/Potree/examples/light.html
Normal file
@@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
<input id="tiffTest" type="button" value="tiff test" />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.setMinNodeSize(0);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setServer("http://localhost:3000");
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI().then(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
// viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
let light = new THREE.SpotLight();
|
||||
light.distance = 15;
|
||||
light.angle = (60 / 180) * Math.PI;
|
||||
light.position.set(8.489, 3.577, 5.796);
|
||||
light.lookAt(new THREE.Vector3(1.219, -0.171, 2.776));
|
||||
viewer.scene.scene.add(light);
|
||||
|
||||
let sph = new Potree.SpotLightHelper(light, new THREE.Color().setHex(0xff0000));
|
||||
viewer.scene.scene.add(sph);
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/archpro/heidentor/cloud.js", "Heidentor", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.uniforms.uShadowColor.value = [0.6, 0.6, 0.6];
|
||||
|
||||
viewer.scene.view.position.set(19.474, -14.324, 12.829);
|
||||
viewer.scene.view.lookAt(0.339, 0.145, 4.073);
|
||||
});
|
||||
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa/cloud.js", "lion", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.uniforms.uShadowColor.value = [0.6, 0.6, 0.6];
|
||||
|
||||
e.pointcloud.position.set(0, -2, 0);
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
165
PointCloudWeb.Web/public/Potree/examples/light_animated.html
Normal file
165
PointCloudWeb.Web/public/Potree/examples/light_animated.html
Normal file
@@ -0,0 +1,165 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
<input id="tiffTest" type="button" value="tiff test" />
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.setMinNodeSize(0);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setServer("http://localhost:3000");
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
let light = new THREE.SpotLight();
|
||||
light.distance = 40;
|
||||
light.angle = (40 / 180) * Math.PI;
|
||||
light.position.set(-22.124, 15.918, 3.518);
|
||||
light.lookAt(new THREE.Vector3(-5.306, 5.288, 3.084));
|
||||
viewer.scene.scene.add(light);
|
||||
|
||||
let sph = new Potree.SpotLightHelper(light);
|
||||
viewer.scene.scene.add(sph);
|
||||
|
||||
//let sphere = new THREE.Mesh(
|
||||
// new THREE.SphereGeometry(0.5, 32, 32),
|
||||
// new THREE.MeshNormalMaterial()
|
||||
//);
|
||||
//light.add(sphere);
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/archpro/heidentor/cloud.js", "Heidentor", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
e.pointcloud.position.z = 0;
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.uniforms.uShadowColor.value = [0.6, 0.6, 0.6];
|
||||
|
||||
viewer.scene.view.position.set(41.557, -27.297, 26.594);
|
||||
viewer.scene.view.lookAt(0.183, -0.257, 3.687);
|
||||
});
|
||||
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa/cloud.js", "lion", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.uniforms.uShadowColor.value = [0.6, 0.6, 0.6];
|
||||
|
||||
e.pointcloud.position.set(0, -2, 0);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
{
|
||||
let path = [
|
||||
[15.506560868146664, 19.85424459156799, 10.430903526784371],
|
||||
[24.153037203881826, 8.630984861344729, 7.868461364682684],
|
||||
[23.058229889155083, -9.364026455540067, 10.041731679632687],
|
||||
[15.391447906397026, -17.97155939811601, 13.277761105290196],
|
||||
[6.90802562298856, -17.486519615816228, 20.39621870363415],
|
||||
[14.015309300286365, -3.716868043023982, 23.822233937781892],
|
||||
[15.16757893483406, 14.923678231139498, 17.66449022142635],
|
||||
].map(v => new THREE.Vector3(...v));
|
||||
let target = new THREE.Vector3(-3.548, 2.729, 6.141);
|
||||
|
||||
let animationPath = new Potree.AnimationPath(path);
|
||||
animationPath.closed = true;
|
||||
|
||||
{ // render the path
|
||||
let geometry = animationPath.getGeometry();
|
||||
let material = new THREE.LineBasicMaterial();
|
||||
let line = new THREE.Line(geometry, material, {closed: animationPath.closed});
|
||||
viewer.scene.scene.add(line);
|
||||
}
|
||||
|
||||
{ // render the control points of the path
|
||||
for(let pos of path){
|
||||
let sg = new THREE.SphereGeometry(0.2, 32, 32);
|
||||
let sm = new THREE.MeshBasicMaterial({color: 0xff0000});
|
||||
let s = new THREE.Mesh(sg, sm);
|
||||
s.position.copy(pos);
|
||||
viewer.scene.scene.add(s);
|
||||
}
|
||||
}
|
||||
|
||||
{ // Animate from beginning to end with a speed of 10 meters per second
|
||||
let start = 0;
|
||||
let end = Infinity;
|
||||
let speed = 20;
|
||||
let animation = animationPath.animate(start, end, speed, t => {
|
||||
animation.repeat = true;
|
||||
|
||||
// t is a value between 0 and 1.
|
||||
// use getPoint(t) to map from t to the position on the animation path
|
||||
let point = animation.getPoint(t);
|
||||
light.position.copy(point);
|
||||
light.lookAt(target);
|
||||
|
||||
sph.update();
|
||||
});
|
||||
window.animation = animation;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
184
PointCloudWeb.Web/public/Potree/examples/light_ca13.html
Normal file
184
PointCloudWeb.Web/public/Potree/examples/light_ca13.html
Normal file
@@ -0,0 +1,184 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');">
|
||||
<input type="button" id="animation_toggle" value="pause"
|
||||
style="position: absolute; bottom: 20px; left: 45%; width: 20%; height: 30px; z-index: 10000"/>
|
||||
</div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
$("#animation_toggle").click( () => {
|
||||
if(!animation.tween){
|
||||
$("#animation_toggle").prop("value", "pause");
|
||||
animation.resume();
|
||||
}else{
|
||||
$("#animation_toggle").prop("value", "resume");
|
||||
animation.pause();
|
||||
}
|
||||
});
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
viewer.setMinNodeSize(0);
|
||||
viewer.loadSettingsFromURL();
|
||||
viewer.setServer("http://localhost:3000");
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
let light = new THREE.SpotLight();
|
||||
light.distance = 1000;
|
||||
light.position.set(694183.609, 3916133.150, 294.804);
|
||||
light.lookAt(new THREE.Vector3(694784.299, 3916302.204, 2.697));
|
||||
viewer.scene.scene.add(light);
|
||||
|
||||
let sph = new Potree.SpotLightHelper(light, new THREE.Color().setHex(0xff0000));
|
||||
viewer.scene.scene.add(sph);
|
||||
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.uniforms.uShadowColor.value = [0.6, 0.0, 0.0];
|
||||
|
||||
viewer.scene.view.position.set(695235.543, 3914545.349, 1135.256);
|
||||
viewer.scene.view.lookAt(695234.024, 3916032.892, 178.648);
|
||||
});
|
||||
|
||||
|
||||
{
|
||||
let path = [
|
||||
[694677.10, 3916294.33, 10.53],
|
||||
[694733.42, 3916254.71, 13.31],
|
||||
[694823.14, 3916179.50, 46.80],
|
||||
[695019.24, 3916116.38, 48.62],
|
||||
[695174.56, 3916209.34, 88.01],
|
||||
[695151.25, 3916485.92, 93.09],
|
||||
[695024.73, 3916701.16, 88.34],
|
||||
[694749.78, 3916853.10, 62.62],
|
||||
[694469.97, 3916728.42, 43.01],
|
||||
[694457.56, 3916456.28, 23.38]
|
||||
].map(v => new THREE.Vector3(...v));
|
||||
let target = new THREE.Vector3(-3.548, 2.729, 6.141);
|
||||
|
||||
let animationPath = new Potree.AnimationPath(path);
|
||||
animationPath.closed = true;
|
||||
|
||||
{ // render the path
|
||||
let geometry = animationPath.getGeometry();
|
||||
let material = new THREE.LineBasicMaterial();
|
||||
let line = new THREE.Line(geometry, material, {closed: animationPath.closed});
|
||||
viewer.scene.scene.add(line);
|
||||
}
|
||||
|
||||
{ // render the control points of the path
|
||||
for(let pos of path){
|
||||
let sg = new THREE.SphereGeometry(5.0, 32, 32);
|
||||
let sm = new THREE.MeshBasicMaterial({color: 0x0000ff});
|
||||
let s = new THREE.Mesh(sg, sm);
|
||||
s.position.copy(pos);
|
||||
viewer.scene.scene.add(s);
|
||||
}
|
||||
}
|
||||
|
||||
{ // Animate from beginning to end with a speed of 10 meters per second
|
||||
let start = 0;
|
||||
let end = Infinity;
|
||||
let speed = 200;
|
||||
let animation = animationPath.animate(start, end, speed, t => {
|
||||
animation.repeat = true;
|
||||
|
||||
// t is a value between 0 and 1.
|
||||
// use getPoint(t) to map from t to the position on the animation path
|
||||
let point = animation.getPoint(t);
|
||||
let target = animation.getPoint(t + 0.0001);
|
||||
light.position.copy(point);
|
||||
light.lookAt(target);
|
||||
sph.update();
|
||||
});
|
||||
window.animation = animation;
|
||||
}
|
||||
|
||||
{
|
||||
viewer.onGUILoaded(() => {
|
||||
|
||||
console.log("adding to gui");
|
||||
|
||||
// Add entries to object list in sidebar
|
||||
let tree = $(`#jstree_scene`);
|
||||
let parentNode = "other";
|
||||
|
||||
let node = tree.jstree('create_node', parentNode, {
|
||||
"text": "Light",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"data": light
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree("check_node", node);
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function pause(){
|
||||
animation.pause();
|
||||
}
|
||||
|
||||
function resume(){
|
||||
animation.resume();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
111
PointCloudWeb.Web/public/Potree/examples/lines.html
Normal file
111
PointCloudWeb.Web/public/Potree/examples/lines.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
import {Line2} from "../libs/three.js/lines/Line2.js";
|
||||
import {LineGeometry} from "../libs/three.js/lines/LineGeometry.js";
|
||||
import {LineMaterial} from "../libs/three.js/lines/LineMaterial.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
let scene = viewer.scene;
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
scene.view.position.set(589974.341, 231698.397, 986.146);
|
||||
scene.view.lookAt(new THREE.Vector3(589851.587, 231428.213, 715.634));
|
||||
// viewer.fitToScreen();
|
||||
});
|
||||
|
||||
{ // add a polyline
|
||||
let path = [
|
||||
590058.52, 231354.16, 766.42,
|
||||
589941.68, 231476.67, 736.52,
|
||||
589781.32, 231491.91, 757.73,
|
||||
589711.88, 231445.56, 768.16,
|
||||
589702.04, 231336.49, 772.91
|
||||
];
|
||||
|
||||
let lineGeometry = new LineGeometry();
|
||||
|
||||
lineGeometry.setPositions(path);
|
||||
|
||||
let lineMaterial = new LineMaterial({
|
||||
color: 0x00ff00,
|
||||
dashSize: 5,
|
||||
gapSize: 2,
|
||||
linewidth: 2,
|
||||
resolution: new THREE.Vector2(1000, 1000),
|
||||
});
|
||||
|
||||
viewer.addEventListener("update", () => {
|
||||
viewer.renderer.getSize(lineMaterial.resolution);
|
||||
|
||||
});
|
||||
|
||||
const line = new Line2(lineGeometry, lineMaterial);
|
||||
viewer.scene.scene.add(line);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
75
PointCloudWeb.Web/public/Potree/examples/lion.html
Normal file
75
PointCloudWeb.Web/public/Potree/examples/lion.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Lion
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa/cloud.js", "lion", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
77
PointCloudWeb.Web/public/Potree/examples/lion_las.html
Normal file
77
PointCloudWeb.Web/public/Potree/examples/lion_las.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Loading Octree of LAS files");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa_las/cloud.js", "lion", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
e.pointcloud.position.x += 3;
|
||||
e.pointcloud.position.y -= 3;
|
||||
e.pointcloud.position.z += 4;
|
||||
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
79
PointCloudWeb.Web/public/Potree/examples/lion_laz.html
Normal file
79
PointCloudWeb.Web/public/Potree/examples/lion_laz.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Loading LAZ compressed octree format");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa_laz/cloud.js", "lion", function(e){
|
||||
viewer.scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
e.pointcloud.position.x += 3;
|
||||
e.pointcloud.position.y -= 3;
|
||||
e.pointcloud.position.z += 4;
|
||||
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
60
PointCloudWeb.Web/public/Potree/examples/load_project.html
Normal file
60
PointCloudWeb.Web/public/Potree/examples/load_project.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setDescription("Potree projects that were exported (Scene → Export → Potree) can be loaded with viewer.loadProject(url). ");
|
||||
|
||||
viewer.loadGUI().then( () => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
viewer.loadProject("./resources/sorvilier.json").then( () => {
|
||||
console.log("project loaded");
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
82
PointCloudWeb.Web/public/Potree/examples/matcap.html
Normal file
82
PointCloudWeb.Web/public/Potree/examples/matcap.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(false);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("../pointclouds/lion_takanawa_normals/cloud.js", "lion takanawa normals", e => {
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 3;
|
||||
material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
material.shape = Potree.PointShape.CIRCLE;
|
||||
|
||||
// Edit matcap properties
|
||||
material.activeAttributeName = "matcap";
|
||||
material.matcap = 'metal_shiny.jpg'
|
||||
|
||||
viewer.scene.view.setView(
|
||||
[4.087, -2.473, 2.015],
|
||||
[-2.887, 3.882, -1.160],
|
||||
);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
136
PointCloudWeb.Web/public/Potree/examples/measurements.html
Normal file
136
PointCloudWeb.Web/public/Potree/examples/measurements.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
let scene = viewer.scene;
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
{ // DISTANCE MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.closed = false;
|
||||
measure.addMarker(new THREE.Vector3(589803.18, 231357.35, 745.38));
|
||||
measure.addMarker(new THREE.Vector3(589795.74, 231323.42, 746.21));
|
||||
measure.addMarker(new THREE.Vector3(589822.50, 231315.90, 744.45));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // ANGLE MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Angle Sample";
|
||||
measure.closed = true;
|
||||
measure.showAngles = true;
|
||||
measure.showDistances = false;
|
||||
measure.addMarker(new THREE.Vector3(589866.11, 231372.25, 737.41));
|
||||
measure.addMarker(new THREE.Vector3(589842.15, 231366.82, 743.61));
|
||||
measure.addMarker(new THREE.Vector3(589860.61, 231348.01, 740.33));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // SINGLE POINT MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Canopy";
|
||||
measure.showDistances = false;
|
||||
measure.showCoordinates = true;
|
||||
measure.maxMarkers = 1;
|
||||
measure.addMarker(new THREE.Vector3(589853.73, 231300.24, 775.48));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // HEIGHT MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Tree Height";
|
||||
measure.closed = false;
|
||||
measure.showDistances = false;
|
||||
measure.showHeight = true;
|
||||
measure.addMarker(new THREE.Vector3(589849.69, 231327.26, 766.32));
|
||||
measure.addMarker(new THREE.Vector3(589840.96, 231329.53, 744.52));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
{ // AREA MEASURE
|
||||
let measure = new Potree.Measure();
|
||||
measure.name = "Area";
|
||||
measure.closed = true;
|
||||
measure.showArea = true;
|
||||
measure.addMarker(new THREE.Vector3(589899.37, 231300.16, 750.25));
|
||||
measure.addMarker(new THREE.Vector3(589874.60, 231326.06, 743.40));
|
||||
measure.addMarker(new THREE.Vector3(589911.61, 231352.57, 743.58));
|
||||
measure.addMarker(new THREE.Vector3(589943.50, 231300.08, 754.62));
|
||||
|
||||
scene.addMeasurement(measure);
|
||||
}
|
||||
|
||||
scene.view.position.set(589874.36, 231447.43, 835.03);
|
||||
scene.view.lookAt(new THREE.Vector3(589853.01, 231318.55, 738.91));
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
219
PointCloudWeb.Web/public/Potree/examples/meshes.html
Normal file
219
PointCloudWeb.Web/public/Potree/examples/meshes.html
Normal file
@@ -0,0 +1,219 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
import {PLYLoader} from "../libs/three.js/loaders/PLYLoader.js";
|
||||
import {OBJLoader} from "../libs/three.js/loaders/OBJLoader.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription("Point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>");
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Sigeom
|
||||
Potree.loadPointCloud("../pointclouds/vol_total/cloud.js", "sigeom.sa", function(e){
|
||||
let scene = viewer.scene;
|
||||
scene.addPointCloud(e.pointcloud);
|
||||
|
||||
let material = e.pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
scene.view.position.set(589974.341, 231698.397, 986.146);
|
||||
scene.view.lookAt(new THREE.Vector3(589851.587, 231428.213, 715.634));
|
||||
// viewer.fitToScreen();
|
||||
});
|
||||
|
||||
var loader = new PLYLoader();
|
||||
loader.load( Potree.resourcePath + "/models/stanford_bunny_reduced.ply", (geometry) => {
|
||||
geometry.computeVertexNormals();
|
||||
|
||||
// place three instances of this bunny into the scene
|
||||
|
||||
let mesh1;
|
||||
{
|
||||
let material = new THREE.MeshNormalMaterial();
|
||||
mesh1 = new THREE.Mesh( geometry, material );
|
||||
mesh1.position.set(589951.587, 231428.213, 710.634);
|
||||
mesh1.scale.multiplyScalar(500);
|
||||
mesh1.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
viewer.scene.scene.add(mesh1);
|
||||
}
|
||||
|
||||
let mesh2;
|
||||
{
|
||||
let material = new THREE.MeshStandardMaterial( {
|
||||
color: 0x0055ff,
|
||||
flatShading: true,
|
||||
metalness: 0.2} );
|
||||
mesh2 = new THREE.Mesh( geometry, material );
|
||||
mesh2.position.set(589851.587, 231348.213, 720.634);
|
||||
mesh2.scale.multiplyScalar(500);
|
||||
mesh2.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
viewer.scene.scene.add(mesh2);
|
||||
}
|
||||
|
||||
let mesh3;
|
||||
{
|
||||
let material = new THREE.MeshPhysicalMaterial( {
|
||||
color: 0x226666,
|
||||
metalness: 0,
|
||||
roughness: 0.5,
|
||||
reflectivity: 1.0
|
||||
} );
|
||||
mesh3 = new THREE.Mesh( geometry, material );
|
||||
mesh3.position.set(589751.587, 231428.213, 725.634);
|
||||
mesh3.scale.multiplyScalar(500);
|
||||
mesh3.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
viewer.scene.scene.add(mesh3);
|
||||
}
|
||||
|
||||
viewer.onGUILoaded(() => {
|
||||
// Add entries to object list in sidebar
|
||||
let tree = $(`#jstree_scene`);
|
||||
let parentNode = "other";
|
||||
|
||||
let bunny1ID = tree.jstree('create_node', parentNode, {
|
||||
"text": "Bunny 1",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"data": mesh1
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(mesh1.visible ? "check_node" : "uncheck_node", bunny1ID);
|
||||
|
||||
let bunny2ID = tree.jstree('create_node', parentNode, {
|
||||
"text": "Bunny 2",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"data": mesh2
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(mesh2.visible ? "check_node" : "uncheck_node", bunny2ID);
|
||||
|
||||
let bunny3ID = tree.jstree('create_node', parentNode, {
|
||||
"text": "Bunny 3",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"data": mesh3
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(mesh3.visible ? "check_node" : "uncheck_node", bunny3ID);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
{
|
||||
let manager = new THREE.LoadingManager();
|
||||
manager.onProgress = function ( item, loaded, total ) {
|
||||
console.log( item, loaded, total );
|
||||
};
|
||||
|
||||
let onProgress = function ( xhr ) {
|
||||
if ( xhr.lengthComputable ) {
|
||||
let percentComplete = xhr.loaded / xhr.total * 100;
|
||||
console.log( Math.round(percentComplete, 2) + '% downloaded' );
|
||||
}
|
||||
};
|
||||
let onError = function ( xhr ) {};
|
||||
|
||||
const texture = new THREE.TextureLoader().load(`${Potree.resourcePath}/textures/brick_pavement.jpg`);
|
||||
|
||||
texture.wrapS = THREE.RepeatWrapping;
|
||||
texture.wrapT = THREE.RepeatWrapping;
|
||||
|
||||
let loader = new OBJLoader( manager );
|
||||
loader.load(`${Potree.resourcePath}/models/stanford_bunny_reduced.obj`, function ( object ) {
|
||||
object.traverse( function ( child ) {
|
||||
if ( child instanceof THREE.Mesh ) {
|
||||
child.material.map = texture;
|
||||
}
|
||||
} );
|
||||
|
||||
object.position.set(589871.587, 231528.213, 725.634);
|
||||
object.scale.multiplyScalar(500);
|
||||
object.rotation.set(Math.PI / 2, Math.PI, 0)
|
||||
|
||||
viewer.scene.scene.add( object );
|
||||
|
||||
viewer.onGUILoaded(() => {
|
||||
// Add entries to object list in sidebar
|
||||
let tree = $(`#jstree_scene`);
|
||||
let parentNode = "other";
|
||||
|
||||
let bunnyID = tree.jstree('create_node', parentNode, {
|
||||
text: "Bunny Textured",
|
||||
icon: `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
data: object
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(object.visible ? "check_node" : "uncheck_node", bunnyID);
|
||||
|
||||
//tree.jstree("open_node", parentNode);
|
||||
});
|
||||
|
||||
}, onProgress, onError );
|
||||
}
|
||||
|
||||
{ // LIGHTS
|
||||
const directional = new THREE.DirectionalLight( 0xffffff, 1.0);
|
||||
directional.position.set( 10, 10, 10 );
|
||||
directional.lookAt(0, 0, 0);
|
||||
|
||||
const ambient = new THREE.AmbientLight(0x555555);
|
||||
|
||||
viewer.scene.scene.add(directional);
|
||||
viewer.scene.scene.add(ambient);
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/buildings.cpg
|
||||
6168495b90444704d0876e04c16811a4 shape/buildings.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/buildings.prj
|
||||
f77b5a519c75ddbe9834d764a9dd20d6 shape/buildings.shp
|
||||
d674e389eb529b3cec74d87a2d34c659 shape/buildings.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/landuse.cpg
|
||||
b658e499e0b5e35707eb91ddd12c43b4 shape/landuse.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/landuse.prj
|
||||
bdb1246739a26158d705e58925c2ecb8 shape/landuse.shp
|
||||
7c3074ef505dd3822e5b8ba03a5e492f shape/landuse.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/natural.cpg
|
||||
f40953aff5cd7929d5f7c10a3170695f shape/natural.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/natural.prj
|
||||
651972e406a91ad709003008a6299559 shape/natural.shp
|
||||
c5c1295df6f119557e6d2004b1c9d825 shape/natural.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/places.cpg
|
||||
5c972c30d5ae478c2633587db375697a shape/places.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/places.prj
|
||||
76a4ce257b05783061192c906c3b1031 shape/places.shp
|
||||
479007e427e8102ce31f5c787a3d0873 shape/places.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/points.cpg
|
||||
d0add80df57e93363944768d2f97c55c shape/points.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/points.prj
|
||||
ec0dca1c1c1c2e3e969d2688ef0a999e shape/points.shp
|
||||
3b01d097e4f026cc890cc0e856d6cf2d shape/points.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/railways.cpg
|
||||
58e1c5eb9ff1dea3097fc1f6f5a5b927 shape/railways.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/railways.prj
|
||||
f0deb5ec5cd8e219488ecb30b667d642 shape/railways.shp
|
||||
f0deb5ec5cd8e219488ecb30b667d642 shape/railways.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/roads.cpg
|
||||
9d2d29852f85d4e7e3eff1f524c7246c shape/roads.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/roads.prj
|
||||
4fcfe53767d31710433c30576626401a shape/roads.shp
|
||||
e2b6c344df6b28620706b8a2bc8de728 shape/roads.shx
|
||||
1ca15bf75755838f3db6aa559b6db2d3 shape/waterways.cpg
|
||||
7735c6077c5c00fe7a8c703d68b471cd shape/waterways.dbf
|
||||
4aed6d03a6f3dc069565e358219b11b3 shape/waterways.prj
|
||||
17031af1bbd570b75cf134928684c4c8 shape/waterways.shp
|
||||
f32f74f2cfdf454accc7277c87fcdba2 shape/waterways.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/buildings.cpg
|
||||
f71dbb34d5a40ca9d52cec0fbfe297901e25a5409f94c8efb4d9f4e5b0951422 shape/buildings.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/buildings.prj
|
||||
e3bc9054d022363d5e3475baa65aa4fd1fc5ec788c32009dcaac868afa7ed3d3 shape/buildings.shp
|
||||
e49375cbc399af9220188f19c2c0cb9fc547c00ffe7faca14072396f5d94c7de shape/buildings.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/landuse.cpg
|
||||
a83ed56435f1e5a67b07d5a9cdf1fba49f027cabb696cef8613b6f3ed066e5e6 shape/landuse.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/landuse.prj
|
||||
a3183de51cde98086e85cc6fd5d9b20c1bd5ddf5452f640b7f51a757b8d37a42 shape/landuse.shp
|
||||
a42d0a21484277ca9ce49e3123deea8b5e365768724f287db001aa5187df2fc6 shape/landuse.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/natural.cpg
|
||||
32a3e33a2a6fddc1c3b2edd8b518b2a5835c7a81f0178a46d8898f90940bbf84 shape/natural.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/natural.prj
|
||||
2891feae015a11da4ca452676d1a8ad6f561fe56887dbc1104f7f86c7eb0644d shape/natural.shp
|
||||
59e98dfdb063bfde560edfbcd8e556f1de9f255948b8e0b151a4ff8c494abeca shape/natural.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/places.cpg
|
||||
fce272c2ddc2bf96f3d8ebf89fc0f0b276718b0a1fd010584638414b690b8bef shape/places.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/places.prj
|
||||
51cb24b20eb243e038259d7011172ae478c116f04391affb31da66fdb57bb92f shape/places.shp
|
||||
76dcd112ae9e56a9162cd711c59b935a663cacc1eae81469b7868510bfc73b45 shape/places.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/points.cpg
|
||||
590c6a4d7d102e92a6f6cc86109322880770eb9b71d2af8935de226a7ce0ec52 shape/points.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/points.prj
|
||||
da64629f42eb7762209f29f93284c36f98d957ffb65f700495d1608175443b43 shape/points.shp
|
||||
6f088c7c73ffdf75714ba8fa614d001e4313e9be96ebf832acae5b1d47d7a046 shape/points.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/railways.cpg
|
||||
0e9be3988a30f066800e4f801ea8fa680ca0a825e6f0d5575d3a61b6e4128237 shape/railways.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/railways.prj
|
||||
926401bfc2997f7c001f827859a1281ceb6f688660720f605f14f3e54207568e shape/railways.shp
|
||||
926401bfc2997f7c001f827859a1281ceb6f688660720f605f14f3e54207568e shape/railways.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/roads.cpg
|
||||
7b641d3b271ede56d798c96793aa65f2fed1d43ba8a729e77517430b17bb2134 shape/roads.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/roads.prj
|
||||
2aabbd68cbf4a7d84c72898dc54228fe404fcc0781e0f5ad449baeae07db1534 shape/roads.shp
|
||||
e33a97465d389b9c81843b189c3c5e3a9c3eeb80cdabe13617ec65283a1f4d96 shape/roads.shx
|
||||
146d6789ffe033a5297c1ad046e6a62ee35319b86b021444f05b6ea2aa8a1f4a shape/waterways.cpg
|
||||
9b57d852853004fa916cd136cd32d914858fb2f99526331f15a3ac61c6fab80c shape/waterways.dbf
|
||||
ffc9162903c37f0867d1e7f36c20036a165f7aa555dda24c1ae0ee4328d2977f shape/waterways.prj
|
||||
fd8b219e001113281f14c9bab825ec033febf1083ae6989087b7da526eecf83e shape/waterways.shp
|
||||
9f756dc1503752fa821f8cb4d18e4c8678d1cc4c39d5bd8d794e55db4b646aa3 shape/waterways.shx
|
||||
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||
<title>README</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<pre>
|
||||
Map data (c) OpenStreetMap contributors, <a href="https://www.openstreetmap.org">https://www.openstreetmap.org</a>
|
||||
Extracts created by BBBike, <a href="https://extract.bbbike.org">https://extract.bbbike.org</a>
|
||||
osmium2shape by Geofabrik, <a href="https://geofabrik.de">https://geofabrik.de</a>
|
||||
|
||||
|
||||
Please read the OSM wiki how to use shape files.
|
||||
|
||||
<a href="https://wiki.openstreetmap.org/wiki/Shapefiles">https://wiki.openstreetmap.org/wiki/Shapefiles</a>
|
||||
|
||||
|
||||
Dieses Esri shapefile wurde erzeugt am: Tue Jun 13 12:40:57 UTC 2017
|
||||
GPS Rechteck Koordinaten (lng,lat): -120.884,35.36 x -120.821,35.392
|
||||
Script URL: <a href="https://extract.bbbike.org/?sw_lng=-120.884&sw_lat=35.36&ne_lng=-120.821&ne_lat=35.392&format=shp.zip&city=Morro%20Bay&lang=de">https://extract.bbbike.org/?sw_lng=-120.884&sw_lat=35.36&ne_lng=-120.821&ne_lat=35.392&format=shp.zip&city=Morro%20Bay&lang=de</a>
|
||||
Name des Gebietes: Morro Bay
|
||||
|
||||
Spenden sind willkommen! Du kannst uns via PayPal, Flattr oder Bankueberweisung
|
||||
unterstuetzen: <a href="https://www.bbbike.org/community.de.html">https://www.bbbike.org/community.de.html</a>
|
||||
|
||||
Danke, Wolfram Schneider
|
||||
|
||||
--
|
||||
Dein Fahrrad-Routenplaner: <a href="https://www.BBBike.org">https://www.BBBike.org</a>
|
||||
BBBike Map Compare: <a href="https://bbbike.org/mc">https://bbbike.org/mc</a>
|
||||
</pre>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
Map data (c) OpenStreetMap contributors, https://www.openstreetmap.org
|
||||
Extracts created by BBBike, https://extract.bbbike.org
|
||||
osmium2shape by Geofabrik, https://geofabrik.de
|
||||
|
||||
|
||||
Please read the OSM wiki how to use shape files.
|
||||
|
||||
https://wiki.openstreetmap.org/wiki/Shapefiles
|
||||
|
||||
|
||||
Dieses Esri shapefile wurde erzeugt am: Tue Jun 13 12:40:57 UTC 2017
|
||||
GPS Rechteck Koordinaten (lng,lat): -120.884,35.36 x -120.821,35.392
|
||||
Script URL: https://extract.bbbike.org/?sw_lng=-120.884&sw_lat=35.36&ne_lng=-120.821&ne_lat=35.392&format=shp.zip&city=Morro%20Bay&lang=de
|
||||
Name des Gebietes: Morro Bay
|
||||
|
||||
Spenden sind willkommen! Du kannst uns via PayPal, Flattr oder Bankueberweisung
|
||||
unterstuetzen: https://www.bbbike.org/community.de.html
|
||||
|
||||
Danke, Wolfram Schneider
|
||||
|
||||
--
|
||||
Dein Fahrrad-Routenplaner: https://www.BBBike.org
|
||||
BBBike Map Compare: https://bbbike.org/mc
|
||||
Binary file not shown.
@@ -0,0 +1,58 @@
|
||||
osmium2shape version osmium2shape-1.0
|
||||
Memory used for node coordinates storage (approximate):
|
||||
for positive IDs: 251 MiB
|
||||
for negative IDs: 16436 MiB
|
||||
error building way geometry for way 10561969: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 10561969.
|
||||
error building way geometry for way 10561992: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 10561992.
|
||||
error building way geometry for way 10562058: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 10562058.
|
||||
error building way geometry for way 10563394: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 10563394.
|
||||
error building way geometry for way 10575861: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 10575861.
|
||||
error building way geometry for way 10576717: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 10576717.
|
||||
Ignoring illegal geometry for way 43702004.
|
||||
error building way geometry for way 72964488: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 72964488.
|
||||
error building way geometry for way 163835366: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 163835366.
|
||||
error building way geometry for way 163835391: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 163835391.
|
||||
Ignoring illegal geometry for way 164547661.
|
||||
Ignoring illegal geometry for way 164547666.
|
||||
Ignoring illegal geometry for way 164547672.
|
||||
Ignoring illegal geometry for way 164547694.
|
||||
Ignoring illegal geometry for way 164547716.
|
||||
Ignoring illegal geometry for way 164547776.
|
||||
Ignoring illegal geometry for way 164547787.
|
||||
Ignoring illegal geometry for way 164548418.
|
||||
Ignoring illegal geometry for way 164548425.
|
||||
Ignoring illegal geometry for way 164852211.
|
||||
Ignoring illegal geometry for way 165768998.
|
||||
error building way geometry for way 166170256: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 166170256.
|
||||
warning building way geometry for way 166170440: contains node 1776494708 twice
|
||||
error building way geometry for way 166170440: must at least contain two different points
|
||||
Ignoring illegal geometry for way 166170440.
|
||||
Ignoring illegal geometry for way 166500430.
|
||||
Ignoring illegal geometry for way 166500435.
|
||||
Ignoring illegal geometry for way 200658692.
|
||||
Ignoring illegal geometry for way 317728218.
|
||||
Ignoring illegal geometry for way 323486154.
|
||||
Ignoring illegal geometry for way 325063631.
|
||||
Ignoring illegal geometry for way 325076768.
|
||||
Ignoring illegal geometry for way 327672230.
|
||||
Ignoring illegal geometry for way 339021921.
|
||||
Ignoring illegal geometry for way 339021928.
|
||||
Ignoring illegal geometry for way 339021944.
|
||||
Ignoring illegal geometry for way 339021963.
|
||||
Ignoring illegal geometry for way 339021974.
|
||||
error building way geometry for way 345755241: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 345755241.
|
||||
error building way geometry for way 345755242: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 345755242.
|
||||
error building way geometry for way 468151042: must at least contain two nodes
|
||||
Ignoring illegal geometry for way 468151042.
|
||||
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1 @@
|
||||
UTF-8
|
||||
Binary file not shown.
@@ -0,0 +1 @@
|
||||
GEOGCS["GCS_WGS_1984",DATUM["D_WGS_1984",SPHEROID["WGS_1984",6378137,298.257223563]],PRIMEM["Greenwich",0],UNIT["Degree",0.017453292519943295]]
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,157 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.setMinNodeSize(10);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`Sorvilier point cloud courtesy of <a target='_blank' href='https://www.sigeom.ch/'>sigeom sa</a>`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_scene").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
|
||||
// wrap load code into an async function so that we can use "await"
|
||||
async function load(){
|
||||
|
||||
// specify point clouds that are to be loaded and callbacks to invoke
|
||||
let pointclouds = [
|
||||
{
|
||||
url: "../pointclouds/vol_total/cloud.js",
|
||||
callback: (pointcloud) => {
|
||||
pointcloud.name = "sorvilier";
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
},
|
||||
},{
|
||||
url: "../pointclouds/lion_takanawa/cloud.js",
|
||||
callback: (pointcloud) => {
|
||||
pointcloud.name = "lion 1";
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
pointcloud.position.set(589927.44, 231479.04, 726.87);
|
||||
pointcloud.scale.set(10, 10, 10);
|
||||
pointcloud.rotation.set(0, 0, 0.8 * Math.PI);
|
||||
},
|
||||
},{
|
||||
url: "../pointclouds/lion_takanawa/cloud.js",
|
||||
callback: (pointcloud) => {
|
||||
pointcloud.name = "lion 2";
|
||||
|
||||
let material = pointcloud.material;
|
||||
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.heightMin = 720;
|
||||
material.heightMax = 780;
|
||||
|
||||
pointcloud.position.set(589997.44, 231479.04, 726.87);
|
||||
pointcloud.scale.set(10, 10, 10);
|
||||
pointcloud.rotation.set(0, 0, 0.8 * Math.PI);
|
||||
},
|
||||
},{
|
||||
url: "../pointclouds/lion_takanawa/cloud.js",
|
||||
callback: (pointcloud) => {
|
||||
pointcloud.name = "lion 3";
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
|
||||
material.color = new THREE.Color().setRGB(0.4, 0.6, 0.7);
|
||||
|
||||
pointcloud.position.set(589927.44 -70, 231479.04, 726.87);
|
||||
pointcloud.scale.set(10, 10, 10);
|
||||
pointcloud.rotation.set(0, 0, 0.8 * Math.PI);
|
||||
},
|
||||
},{
|
||||
url: "http://5.9.65.151/mschuetz/potree/resources/pointclouds/archpro/heidentor/cloud.js",
|
||||
callback: (pointcloud) => {
|
||||
pointcloud.name = "Heidentor";
|
||||
|
||||
pointcloud.position.set(589817.920, 231358.010, 744.865);
|
||||
pointcloud.scale.set(6, 6, 6);
|
||||
pointcloud.rotation.z = -1.9;
|
||||
},
|
||||
}
|
||||
];
|
||||
|
||||
// start loading all point clouds asynchronously, get a promise for each one that resolves when it's loaded
|
||||
let promises = pointclouds.map(p => Potree.loadPointCloud(p.url));
|
||||
|
||||
// now iterate over all promises in order
|
||||
for(let i = 0; i < promises.length; i++){
|
||||
|
||||
// wait until this point cloud is loaded before processing the next one
|
||||
let pointcloud = (await promises[i]).pointcloud;
|
||||
|
||||
viewer.scene.addPointCloud(pointcloud);
|
||||
pointclouds[i].callback(pointcloud);
|
||||
}
|
||||
|
||||
|
||||
viewer.scene.view.setView(
|
||||
[589974.341, 231698.397, 986.146],
|
||||
[589851.587, 231428.213, 715.634],
|
||||
);
|
||||
}
|
||||
|
||||
load();
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,99 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(false);
|
||||
//viewer.setFOV(62.94372232435855);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
|
||||
viewer.setDescription(`
|
||||
Use Potree.OrientedImageLoader.load(...) to populate the scene with captured images.
|
||||
Clicking an image will move the scene camera towards the image and overlay it over the point cloud.
|
||||
You can use the measurement tools while the scene camera is bound to an image. Zoom in and out of the image via the mouse wheel.
|
||||
Go back to 3D mode by clicking the button on the bottom right.
|
||||
|
||||
Point cloud courtesy of <a href="http://www.helimap.ch" target="_blank">Helimap System SA</a>.
|
||||
`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
//Potree.loadPointCloud("../pointclouds/C/dev/epalinges/epalinges/als_converted/cloud.js", "epalinges", e => {
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/helimap/epalinges/als_converted/cloud.js", "epalinges", e => {
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(2542013.003, 1155469.994, 1233.310);
|
||||
scene.view.lookAt(2542003.981, 1156007.326, 838.965);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
const cameraParamsPath = "http://5.9.65.151/mschuetz/potree/resources/pointclouds/helimap/epalinges/img_selected/IXM35_190522_nodistortion.xml";
|
||||
const imageParamsPath = "http://5.9.65.151/mschuetz/potree/resources/pointclouds/helimap/epalinges/img_selected/Calib190522_MN95_NF2_cam_estim.txt";
|
||||
|
||||
Potree.OrientedImageLoader.load(cameraParamsPath, imageParamsPath, viewer).then( images => {
|
||||
viewer.scene.addOrientedImages(images);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
562
PointCloudWeb.Web/public/Potree/examples/page.html
Normal file
562
PointCloudWeb.Web/public/Potree/examples/page.html
Normal file
@@ -0,0 +1,562 @@
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
|
||||
body{
|
||||
background: #ECE9E9;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.thumb{
|
||||
background-size: 140px 140px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid black;
|
||||
box-shadow: 3px 3px 3px 0px #555;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.thumb-label{
|
||||
font-size: large;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #FFF;
|
||||
text-shadow:black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px, black 0 0 5px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.unhandled_container{
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
margin-top: 50px;
|
||||
|
||||
}
|
||||
|
||||
.unhandled{
|
||||
width: 30%;
|
||||
padding-top:8px;
|
||||
padding-bottom:8px;
|
||||
padding-left: 10px;
|
||||
float:left;
|
||||
font-family: "Helvetica Neue", "Lucida Grande", Arial;
|
||||
font-size: 13px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
.unhandled:hover{
|
||||
border: 1px solid rgba(200, 200, 200, 1);
|
||||
border-radius: 4px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-weight: 500;
|
||||
color: rgb(51, 51, 51);
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
#samples_container{
|
||||
display: grid;
|
||||
grid-template-columns: 70% 30%;
|
||||
grid-gap: 10px;
|
||||
grid-template-rows: auto auto;
|
||||
|
||||
max-width: 1300px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
|
||||
#thumb_container{
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 1;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: 1;
|
||||
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
#external_container{
|
||||
grid-column-start: 2;
|
||||
grid-column-end: 2;
|
||||
grid-row-start: 1;
|
||||
grid-row-end: span 2;
|
||||
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
#showcase_container{
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 1;
|
||||
grid-row-start: 2;
|
||||
grid-row-end: 2;
|
||||
|
||||
max-width: 1200px;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="samples_container">
|
||||
|
||||
<div id="thumb_container">
|
||||
<h1>Examples</h1>
|
||||
|
||||
<a href="viewer.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/viewer.png'); ">
|
||||
<div class="thumb-label">Basic Viewer</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="oriented_images.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/oriented_images.jpg'); ">
|
||||
<div class="thumb-label">Oriented Images</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="360.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/360.jpg'); ">
|
||||
<div class="thumb-label">360 images</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="geopackage.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/geopackage.jpg'); ">
|
||||
<div class="thumb-label">Geopackage</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="classifications.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/classifications.jpg'); ">
|
||||
<div class="thumb-label">Classifications</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="camera_animation.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/camera_animation.jpg'); ">
|
||||
<div class="thumb-label">Camera Animation</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="load_project.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/load_project.jpg'); ">
|
||||
<div class="thumb-label">Load Project</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="toolbar.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/toolbar.jpg'); ">
|
||||
<div class="thumb-label">Toolbar</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="matcap.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/matcap.jpg'); ">
|
||||
<div class="thumb-label">Matcap</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="heidentor.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/heidentor.png'); ">
|
||||
<div class="thumb-label">Heidentor</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="lion.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion.png'); ">
|
||||
<div class="thumb-label">Lion</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="lion_las.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
|
||||
<div class="thumb-label">Lion LAS</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="lion_laz.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
|
||||
<div class="thumb-label">Lion LAZ</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="ept.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion.png'); ">
|
||||
<div class="thumb-label">EPT</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="ept_binary.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
|
||||
<div class="thumb-label">EPT Binary</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="ept_zstandard.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion_las.png'); ">
|
||||
<div class="thumb-label">EPT zstandard</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="clipping_volume.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/clipping_volume.png'); ">
|
||||
<div class="thumb-label">Clipping Volume</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="ca13.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/ca13.png'); ">
|
||||
<div class="thumb-label">CA13</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="elevation_profile.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/elevation_profile.png'); ">
|
||||
<div class="thumb-label">Elevation Profile</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="measurements.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/measurements.png'); ">
|
||||
<div class="thumb-label">Measurements</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="meshes.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/meshes.png'); ">
|
||||
<div class="thumb-label">Meshes</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="multiple_pointclouds.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/multiple_point_clouds.png'); ">
|
||||
<div class="thumb-label">Multiple Point Clouds</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="features_sorvilier.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/features_sorvilier.png'); ">
|
||||
<div class="thumb-label">Features (Sorvilier)</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="features_ca13.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/features_ca13.png'); ">
|
||||
<div class="thumb-label">Features (CA13)</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="annotations.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/annotations.png'); ">
|
||||
<div class="thumb-label">Annotations</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="annotation_hierarchy.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/annotation_hierarchy.png'); ">
|
||||
<div class="thumb-label">Hierarchical Annotations</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="animation_paths.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/animation_paths.png'); ">
|
||||
<div class="thumb-label">Animation Path</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="shapefiles.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/shapefiles.png'); ">
|
||||
<div class="thumb-label">Shapefiles</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="cesium_ca13.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/cesium_ca13.png'); ">
|
||||
<div class="thumb-label">Cesium CA13</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="cesium_retz.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/cesium_retz.png'); ">
|
||||
<div class="thumb-label">Cesium Retz</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="cesium_sorvilier.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/cesium_sorvilier.png'); ">
|
||||
<div class="thumb-label">Cesium Sorvilier</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="custom_sidebar_section.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/custom_sidebar_section.png'); ">
|
||||
<div class="thumb-label">Custom Sidebar Section</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="embedded_iframe.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/embedded_iframe.png'); ">
|
||||
<div class="thumb-label">Embedded Iframe</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="gradient_colors.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/gradient_colors.png'); ">
|
||||
<div class="thumb-label">Gradient Colors</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="showcase_container">
|
||||
<h1>Showcase</h1>
|
||||
<a href="showcase/matterhorn.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/matterhorn.jpg'); ">
|
||||
<div class="thumb-label">Matterhorn</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/retz.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/retz.jpg'); ">
|
||||
<div class="thumb-label">Retz</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/lake_tahoe.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lake_tahoe.jpg'); ">
|
||||
<div class="thumb-label">Lake Tahoe</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/sorvilier.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/vol_total.jpg'); ">
|
||||
<div class="thumb-label">Sorvilier</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/grab_15.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/grab_15.jpg'); ">
|
||||
<div class="thumb-label">Grave</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/tern_auscover_chowilla.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/chowilla.jpg'); ">
|
||||
<div class="thumb-label">Chowilla</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/chiller.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/chiller.jpg'); ">
|
||||
<div class="thumb-label">Chiller</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/cooler_tower.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/cooler_tower.jpg'); ">
|
||||
<div class="thumb-label">Cooler</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/dechen_cave.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/dechen_cave.jpg'); ">
|
||||
<div class="thumb-label">Dechen Cave</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/doverMillRuins.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/DoverMillRuins.jpg'); ">
|
||||
<div class="thumb-label">Ruins</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/eclepens.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/eclepens.jpg'); ">
|
||||
<div class="thumb-label">Eclepens</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/heidentor.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/heidentor.jpg'); ">
|
||||
<div class="thumb-label">Heidentor</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/land_building.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/land_building.jpg'); ">
|
||||
<div class="thumb-label">Building</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/LDHI_module.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/LDHI_module.jpg'); ">
|
||||
<div class="thumb-label">LDHI</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/lion_head_simone_garagnani.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/lion_head.jpg'); ">
|
||||
<div class="thumb-label">Lion Head</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/overpass.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/overpass.jpg'); ">
|
||||
<div class="thumb-label">Overpass</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/pielach.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/pielach.jpg'); ">
|
||||
<div class="thumb-label">Pielach</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/pompei.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/pompei.jpg'); ">
|
||||
<div class="thumb-label">pompei</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/santorini.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/santorini.jpg'); ">
|
||||
<div class="thumb-label">Santorini</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/skatepark.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/skatepark.jpg'); ">
|
||||
<div class="thumb-label">Skatepark</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/subsea_equipment.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/subsea_equipment.jpg'); ">
|
||||
<div class="thumb-label">Subsea Eq.</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/subsea_manifold.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/subseamanifold.jpg'); ">
|
||||
<div class="thumb-label">Subsea Man.</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/westend_palais.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/westend_palais.jpg'); ">
|
||||
<div class="thumb-label">Westend Palais</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="showcase/whitby.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('thumbnails/whitby.jpg'); ">
|
||||
<div class="thumb-label">Whitby</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="external_container">
|
||||
<h1>Third Party</h1>
|
||||
<a href="https://sitn.ne.ch/lidar/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/sitn.jpg'); ">
|
||||
<div class="thumb-label">SITN</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://potree.entwine.io/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/entwine.jpg'); ">
|
||||
<div class="thumb-label">Entwine</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://files.digitisation.unimelb.edu.au/potree/pointclouds/hakea_macrorrhyncha.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/hakea_macrorrhyncha.jpg'); ">
|
||||
<div class="thumb-label"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://betaportal.icgc.cat/wordpress/sagrada_familia_eixample_3d/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/icgc_barcelona.jpg'); ">
|
||||
<div class="thumb-label">Barcelona</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/pulse/open-source-advent-21-partridge-potree-bj%C3%B8rn-ove-gr%C3%B8tan/?published=t" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/preikestolen.jpg'); ">
|
||||
<div class="thumb-label"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://bermuda100.ucsd.edu/mary-celestia/index.php" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/bermuda100.jpg'); ">
|
||||
<div class="thumb-label">Bermuda 100</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://rapidlasso.com/laspublish/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/laspublish.jpg'); ">
|
||||
<div class="thumb-label">laspublish</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.pointbox.xyz/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/pointbox.jpg'); ">
|
||||
<div class="thumb-label">Pointbox</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://digital.ucd.ie/view/ucdlib:30462" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/dublin.jpg'); ">
|
||||
<div class="thumb-label">Dublin</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://ahn2.pointclouds.nl/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/AHN2.jpg'); ">
|
||||
<div class="thumb-label">AHN2</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://www.phoenixlidar.com/sampledata/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/phoenix_lidar.jpg'); ">
|
||||
<div class="thumb-label">Phoenix Lidar</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://www.kkapc.co.jp/potree-1.5RC/examples/apc_tatumi.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/tatsumi_dam.jpg'); ">
|
||||
<div class="thumb-label">Tatsumi Dam</div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://www.airborneresearch.com.au/potree/ironbank1/examples/ironbank1.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/ara.jpg'); ">
|
||||
<div class="thumb-label"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="https://digitalreality.ethz.ch/goldmine/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/goldmine.jpg'); ">
|
||||
<div class="thumb-label"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://files.digitisation.unimelb.edu.au/potree/pointclouds/ricketts-test2.html" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/ricketts_sanctuary.jpg'); ">
|
||||
<div class="thumb-label"></div>
|
||||
</div>
|
||||
</a>
|
||||
<a href="http://wesmapping.com/blog/3d-visualization-of-the-grand-canyon-with-potree/" target="_blank" style="display: inline-block">
|
||||
<div class="thumb" style="background-image: url('third/wesmapping_grand_canyon.jpg'); ">
|
||||
<div class="thumb-label">Wesmapping</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="unhandled_container">
|
||||
<h1>Other</h1>
|
||||
|
||||
<a href="arena4d.html" class="unhandled">arena4d.html</a>
|
||||
|
||||
<a href="deviceorientation.html" class="unhandled">deviceorientation.html</a>
|
||||
|
||||
<a href="github.html" class="unhandled">github.html</a>
|
||||
|
||||
<a href="light.html" class="unhandled">light.html</a>
|
||||
|
||||
<a href="light_animated.html" class="unhandled">light_animated.html</a>
|
||||
|
||||
<a href="lines.html" class="unhandled">lines.html</a>
|
||||
|
||||
<a href="vr_dechen_cave.html" class="unhandled">vr_dechen_cave.html</a>
|
||||
|
||||
<a href="vr_eclepens.html" class="unhandled">vr_eclepens.html</a>
|
||||
|
||||
<a href="vr_morro_bay.html" class="unhandled">vr_morro_bay.html</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
96
PointCloudWeb.Web/public/Potree/examples/page.json
Normal file
96
PointCloudWeb.Web/public/Potree/examples/page.json
Normal file
@@ -0,0 +1,96 @@
|
||||
{
|
||||
"examples": [
|
||||
{"thumb": "thumbnails/viewer.png", "label": "Basic Viewer", "url": "viewer.html"},
|
||||
{"thumb": "thumbnails/oriented_images.jpg", "label": "Oriented Images", "url": "oriented_images.html"},
|
||||
{"thumb": "thumbnails/360.jpg", "label": "360 images", "url": "360.html"},
|
||||
{"thumb": "thumbnails/geopackage.jpg", "label": "Geopackage", "url": "geopackage.html"},
|
||||
{"thumb": "thumbnails/classifications.jpg", "label": "Classifications", "url": "classifications.html"},
|
||||
{"thumb": "thumbnails/camera_animation.jpg", "label": "Camera Animation", "url": "camera_animation.html"},
|
||||
{"thumb": "thumbnails/load_project.jpg", "label": "Load Project", "url": "load_project.html"},
|
||||
|
||||
{"thumb": "thumbnails/toolbar.jpg", "label": "Toolbar", "url": "toolbar.html"},
|
||||
{"thumb": "thumbnails/matcap.jpg", "label": "Matcap", "url": "matcap.html"},
|
||||
{"thumb": "thumbnails/heidentor.png", "label": "Heidentor", "url": "heidentor.html"},
|
||||
{"thumb": "thumbnails/lion.png", "label": "Lion", "url": "lion.html"},
|
||||
{"thumb": "thumbnails/lion_las.png", "label": "Lion LAS", "url": "lion_las.html"},
|
||||
|
||||
{"thumb": "thumbnails/lion_las.png", "label": "Lion LAZ", "url": "lion_laz.html"},
|
||||
{"thumb": "thumbnails/lion.png", "label": "EPT", "url": "ept.html"},
|
||||
{"thumb": "thumbnails/lion_las.png", "label": "EPT Binary", "url": "ept_binary.html"},
|
||||
{"thumb": "thumbnails/lion_las.png", "label": "EPT zstandard", "url": "ept_zstandard.html"},
|
||||
{"thumb": "thumbnails/clipping_volume.png", "label": "Clipping Volume", "url": "clipping_volume.html"},
|
||||
{"thumb": "thumbnails/ca13.png", "label": "CA13", "url": "ca13.html"},
|
||||
|
||||
{"thumb": "thumbnails/elevation_profile.png", "label": "Elevation Profile", "url": "elevation_profile.html"},
|
||||
{"thumb": "thumbnails/measurements.png", "label": "Measurements", "url": "measurements.html"},
|
||||
{"thumb": "thumbnails/meshes.png", "label": "Meshes", "url": "meshes.html"},
|
||||
{"thumb": "thumbnails/multiple_point_clouds.png", "label": "Multiple Point Clouds", "url": "multiple_pointclouds.html"},
|
||||
{"thumb": "thumbnails/features_sorvilier.png", "label": "Features (Sorvilier)", "url": "features_sorvilier.html"},
|
||||
{"thumb": "thumbnails/features_ca13.png", "label": "Features (CA13)", "url": "features_ca13.html"},
|
||||
|
||||
{"thumb": "thumbnails/annotations.png", "label": "Annotations", "url": "annotations.html"},
|
||||
{"thumb": "thumbnails/annotation_hierarchy.png", "label": "Hierarchical Annotations", "url": "annotation_hierarchy.html"},
|
||||
{"thumb": "thumbnails/animation_paths.png", "label": "Animation Path", "url": "animation_paths.html"},
|
||||
{"thumb": "thumbnails/shapefiles.png", "label": "Shapefiles", "url": "shapefiles.html"},
|
||||
{"thumb": "thumbnails/cesium_ca13.png", "label": "Cesium CA13", "url": "cesium_ca13.html"},
|
||||
{"thumb": "thumbnails/cesium_retz.png", "label": "Cesium Retz", "url": "cesium_retz.html"},
|
||||
|
||||
{"thumb": "thumbnails/cesium_sorvilier.png", "label": "Cesium Sorvilier", "url": "cesium_sorvilier.html"},
|
||||
{"thumb": "thumbnails/custom_sidebar_section.png", "label": "Custom Sidebar Section", "url": "custom_sidebar_section.html"},
|
||||
{"thumb": "thumbnails/embedded_iframe.png", "label": "Embedded Iframe", "url": "embedded_iframe.html"},
|
||||
{"thumb": "thumbnails/gradient_colors.png", "label": "Gradient Colors", "url": "gradient_colors.html"}
|
||||
],
|
||||
"VR": [
|
||||
{"thumb": "thumbnails/heidentor.jpg", "label": "Heidentor", "url": "vr_heidentor.html"},
|
||||
{"thumb": "thumbnails/eclepens.jpg", "label": "Eclepens", "url": "vr_eclepens.html"},
|
||||
{"thumb": "thumbnails/ca13.png", "label": "Morro Bay", "url": "vr_morro_bay.html"},
|
||||
{"thumb": "thumbnails/lion.png", "label": "Lion", "url": "vr_lion.html"},
|
||||
{"thumb": "thumbnails/dechen_cave.jpg", "label": "Dechen Cave", "url": "vr_dechen_cave.html"}
|
||||
],
|
||||
"showcase": [
|
||||
{"thumb": "thumbnails/matterhorn.jpg", "label": "Matterhorn", "url": "showcase/matterhorn.html"},
|
||||
{"thumb": "thumbnails/retz.jpg", "label": "Retz", "url": "showcase/retz.html"},
|
||||
{"thumb": "thumbnails/lake_tahoe.jpg", "label": "Lake Tahoe", "url": "showcase/lake_tahoe.html"},
|
||||
{"thumb": "thumbnails/vol_total.jpg", "label": "Sorvilier", "url": "showcase/sorvilier.html"},
|
||||
{"thumb": "thumbnails/grab_15.jpg", "label": "Grave", "url": "showcase/grab_15.html"},
|
||||
{"thumb": "thumbnails/chowilla.jpg", "label": "Chowilla", "url": "showcase/tern_auscover_chowilla.html"},
|
||||
{"thumb": "thumbnails/chiller.jpg", "label": "Chiller", "url": "showcase/chiller.html"},
|
||||
{"thumb": "thumbnails/cooler_tower.jpg", "label": "Cooler", "url": "showcase/cooler_tower.html"},
|
||||
{"thumb": "thumbnails/dechen_cave.jpg", "label": "Dechen Cave", "url": "showcase/dechen_cave.html"},
|
||||
{"thumb": "thumbnails/DoverMillRuins.jpg", "label": "Ruins", "url": "showcase/doverMillRuins.html"},
|
||||
{"thumb": "thumbnails/eclepens.jpg", "label": "Eclepens", "url": "showcase/eclepens.html"},
|
||||
{"thumb": "thumbnails/heidentor.jpg", "label": "Heidentor", "url": "showcase/heidentor.html"},
|
||||
{"thumb": "thumbnails/land_building.jpg", "label": "Building", "url": "showcase/land_building.html"},
|
||||
{"thumb": "thumbnails/LDHI_module.jpg", "label": "LDHI", "url": "showcase/LDHI_module.html"},
|
||||
// {"thumb": "thumbnails/lifeboat.jpg", "label": "Lifeboat", "url": "showcase/lifeboat.html"},
|
||||
{"thumb": "thumbnails/lion_head.jpg", "label": "Lion Head", "url": "showcase/lion_head_simone_garagnani.html"},
|
||||
{"thumb": "thumbnails/overpass.jpg", "label": "Overpass", "url": "showcase/overpass.html"},
|
||||
{"thumb": "thumbnails/pielach.jpg", "label": "Pielach", "url": "showcase/pielach.html"},
|
||||
{"thumb": "thumbnails/pompei.jpg", "label": "pompei", "url": "showcase/pompei.html"},
|
||||
{"thumb": "thumbnails/santorini.jpg", "label": "Santorini", "url": "showcase/santorini.html"},
|
||||
{"thumb": "thumbnails/skatepark.jpg", "label": "Skatepark", "url": "showcase/skatepark.html"},
|
||||
{"thumb": "thumbnails/subsea_equipment.jpg", "label": "Subsea Eq.", "url": "showcase/subsea_equipment.html"},
|
||||
{"thumb": "thumbnails/subseamanifold.jpg", "label": "Subsea Man.", "url": "showcase/subsea_manifold.html"},
|
||||
{"thumb": "thumbnails/westend_palais.jpg", "label": "Westend Palais", "url": "showcase/westend_palais.html"},
|
||||
{"thumb": "thumbnails/whitby.jpg", "label": "Whitby", "url": "showcase/whitby.html"}
|
||||
],
|
||||
"thirdparty": [
|
||||
{"thumb": "third/sitn.jpg", "label": "SITN", "url": "https://sitn.ne.ch/lidar/"},
|
||||
{"thumb": "third/entwine.jpg", "label": "Entwine", "url": "http://potree.entwine.io/"},
|
||||
{"thumb": "third/hakea_macrorrhyncha.jpg", "label": "", "url": "http://files.digitisation.unimelb.edu.au/potree/pointclouds/hakea_macrorrhyncha.html"},
|
||||
{"thumb": "third/icgc_barcelona.jpg", "label": "Barcelona", "url": "http://betaportal.icgc.cat/wordpress/sagrada_familia_eixample_3d/"},
|
||||
{"thumb": "third/preikestolen.jpg", "label": "", "url": "https://www.linkedin.com/pulse/open-source-advent-21-partridge-potree-bj%C3%B8rn-ove-gr%C3%B8tan/?published=t"},
|
||||
{"thumb": "third/bermuda100.jpg", "label": "Bermuda 100", "url": "http://bermuda100.ucsd.edu/mary-celestia/index.php"},
|
||||
// {"thumb": "third/oklahoma_state_university.jpg", "label": "", "url": "http://geog.okstate.edu/users/mathews/potree/osuLib_nad.html"},
|
||||
{"thumb": "third/laspublish.jpg", "label": "laspublish", "url": "https://rapidlasso.com/laspublish/"},
|
||||
{"thumb": "third/pointbox.jpg", "label": "Pointbox", "url": "https://www.pointbox.xyz/"},
|
||||
{"thumb": "third/dublin.jpg", "label": "Dublin", "url": "https://digital.ucd.ie/view/ucdlib:30462"},
|
||||
{"thumb": "third/AHN2.jpg", "label": "AHN2", "url": "http://ahn2.pointclouds.nl/"},
|
||||
{"thumb": "third/phoenix_lidar.jpg", "label": "Phoenix Lidar", "url": "https://www.phoenixlidar.com/sampledata/"},
|
||||
{"thumb": "third/tatsumi_dam.jpg", "label": "Tatsumi Dam", "url": "http://www.kkapc.co.jp/potree-1.5RC/examples/apc_tatumi.html"},
|
||||
{"thumb": "third/ara.jpg", "label": "", "url": "http://www.airborneresearch.com.au/potree/ironbank1/examples/ironbank1.html"},
|
||||
{"thumb": "third/goldmine.jpg", "label": "", "url": "https://digitalreality.ethz.ch/goldmine/"},
|
||||
{"thumb": "third/ricketts_sanctuary.jpg", "label": "", "url": "http://files.digitisation.unimelb.edu.au/potree/pointclouds/ricketts-test2.html"},
|
||||
{"thumb": "third/wesmapping_grand_canyon.jpg", "label": "Wesmapping", "url": "http://wesmapping.com/blog/3d-visualization-of-the-grand-canyon-with-potree/"}
|
||||
]
|
||||
}
|
||||
@@ -0,0 +1,448 @@
|
||||
{
|
||||
"type": "Potree",
|
||||
"version": 1.7,
|
||||
"settings": {
|
||||
"pointBudget": 1000000,
|
||||
"fov": 60,
|
||||
"edlEnabled": true,
|
||||
"edlRadius": 1.4,
|
||||
"edlStrength": 0.4,
|
||||
"background": "gradient",
|
||||
"minNodeSize": 30,
|
||||
"showBoundingBoxes": false
|
||||
},
|
||||
"view": {
|
||||
"position": [
|
||||
589974.341,
|
||||
231698.397,
|
||||
986.146
|
||||
],
|
||||
"target": [
|
||||
589851.587,
|
||||
231428.213,
|
||||
715.634
|
||||
]
|
||||
},
|
||||
"classification": {
|
||||
"0": {
|
||||
"visible": true,
|
||||
"name": "never classified",
|
||||
"color": [
|
||||
0.5,
|
||||
0.5,
|
||||
0.5,
|
||||
1
|
||||
]
|
||||
},
|
||||
"1": {
|
||||
"visible": true,
|
||||
"name": "unclassified",
|
||||
"color": [
|
||||
0.5,
|
||||
0.5,
|
||||
0.5,
|
||||
1
|
||||
]
|
||||
},
|
||||
"2": {
|
||||
"visible": true,
|
||||
"name": "ground",
|
||||
"color": [
|
||||
0.63,
|
||||
0.32,
|
||||
0.18,
|
||||
1
|
||||
]
|
||||
},
|
||||
"3": {
|
||||
"visible": true,
|
||||
"name": "low vegetation",
|
||||
"color": [
|
||||
0,
|
||||
1,
|
||||
0,
|
||||
1
|
||||
]
|
||||
},
|
||||
"4": {
|
||||
"visible": true,
|
||||
"name": "medium vegetation",
|
||||
"color": [
|
||||
0,
|
||||
0.8,
|
||||
0,
|
||||
1
|
||||
]
|
||||
},
|
||||
"5": {
|
||||
"visible": true,
|
||||
"name": "high vegetation",
|
||||
"color": [
|
||||
0,
|
||||
0.6,
|
||||
0,
|
||||
1
|
||||
]
|
||||
},
|
||||
"6": {
|
||||
"visible": true,
|
||||
"name": "building",
|
||||
"color": [
|
||||
1,
|
||||
0.66,
|
||||
0,
|
||||
1
|
||||
]
|
||||
},
|
||||
"7": {
|
||||
"visible": true,
|
||||
"name": "low point(noise)",
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"8": {
|
||||
"visible": true,
|
||||
"name": "key-point",
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
0,
|
||||
1
|
||||
]
|
||||
},
|
||||
"9": {
|
||||
"visible": true,
|
||||
"name": "water",
|
||||
"color": [
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
1
|
||||
]
|
||||
},
|
||||
"12": {
|
||||
"visible": true,
|
||||
"name": "overlap",
|
||||
"color": [
|
||||
1,
|
||||
1,
|
||||
0,
|
||||
1
|
||||
]
|
||||
},
|
||||
"DEFAULT": {
|
||||
"visible": true,
|
||||
"name": "default",
|
||||
"color": [
|
||||
0.3,
|
||||
0.6,
|
||||
0.6,
|
||||
0.5
|
||||
]
|
||||
}
|
||||
},
|
||||
"pointclouds": [
|
||||
{
|
||||
"name": "sigeom.sa",
|
||||
"url": "../pointclouds/vol_total/cloud.js",
|
||||
"position": [
|
||||
589500,
|
||||
231300,
|
||||
722.505
|
||||
],
|
||||
"rotation": [
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
"XYZ"
|
||||
],
|
||||
"scale": [
|
||||
1,
|
||||
1,
|
||||
1
|
||||
],
|
||||
"activeAttributeName": "rgba"
|
||||
}
|
||||
],
|
||||
"measurements": [
|
||||
{
|
||||
"uuid": "CCFEDDB1-7CEE-4B2C-BBFD-64405DED63C3",
|
||||
"name": "Measure_0",
|
||||
"points": [
|
||||
[
|
||||
589803.18,
|
||||
231357.35,
|
||||
745.38
|
||||
],
|
||||
[
|
||||
589795.74,
|
||||
231323.42,
|
||||
746.21
|
||||
],
|
||||
[
|
||||
589822.5,
|
||||
231315.9,
|
||||
744.45
|
||||
]
|
||||
],
|
||||
"showDistances": true,
|
||||
"showCoordinates": false,
|
||||
"showArea": false,
|
||||
"closed": false,
|
||||
"showAngles": false,
|
||||
"showHeight": false,
|
||||
"showEdges": true,
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
0
|
||||
]
|
||||
},
|
||||
{
|
||||
"uuid": "92086379-896A-4608-9584-855A04B915D0",
|
||||
"name": "Angle Sample",
|
||||
"points": [
|
||||
[
|
||||
589866.11,
|
||||
231372.25,
|
||||
737.41
|
||||
],
|
||||
[
|
||||
589842.15,
|
||||
231366.82,
|
||||
743.61
|
||||
],
|
||||
[
|
||||
589860.61,
|
||||
231348.01,
|
||||
740.33
|
||||
]
|
||||
],
|
||||
"showDistances": false,
|
||||
"showCoordinates": false,
|
||||
"showArea": false,
|
||||
"closed": true,
|
||||
"showAngles": true,
|
||||
"showHeight": false,
|
||||
"showEdges": true,
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
0
|
||||
]
|
||||
},
|
||||
{
|
||||
"uuid": "D62705BF-C151-49FD-991B-9CEFD223FAFB",
|
||||
"name": "Canopy",
|
||||
"points": [
|
||||
[
|
||||
589853.73,
|
||||
231300.24,
|
||||
775.48
|
||||
]
|
||||
],
|
||||
"showDistances": false,
|
||||
"showCoordinates": true,
|
||||
"showArea": false,
|
||||
"closed": true,
|
||||
"showAngles": false,
|
||||
"showHeight": false,
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
0
|
||||
]
|
||||
},
|
||||
{
|
||||
"uuid": "19D13159-B509-4CB0-8CA2-A58FB60B6D50",
|
||||
"name": "Tree Height",
|
||||
"points": [
|
||||
[
|
||||
589849.69,
|
||||
231327.26,
|
||||
766.32
|
||||
],
|
||||
[
|
||||
589840.96,
|
||||
231329.53,
|
||||
744.52
|
||||
]
|
||||
],
|
||||
"showDistances": false,
|
||||
"showCoordinates": false,
|
||||
"showArea": false,
|
||||
"closed": false,
|
||||
"showAngles": false,
|
||||
"showHeight": true,
|
||||
"showEdges": true,
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
0
|
||||
]
|
||||
},
|
||||
{
|
||||
"uuid": "E46A0D60-EA59-4589-88AA-788DE0A91DF4",
|
||||
"name": "Area",
|
||||
"points": [
|
||||
[
|
||||
589899.37,
|
||||
231300.16,
|
||||
750.25
|
||||
],
|
||||
[
|
||||
589874.6,
|
||||
231326.06,
|
||||
743.4
|
||||
],
|
||||
[
|
||||
589911.61,
|
||||
231352.57,
|
||||
743.58
|
||||
],
|
||||
[
|
||||
589943.5,
|
||||
231300.08,
|
||||
754.62
|
||||
]
|
||||
],
|
||||
"showDistances": true,
|
||||
"showCoordinates": false,
|
||||
"showArea": true,
|
||||
"closed": true,
|
||||
"showAngles": false,
|
||||
"showHeight": false,
|
||||
"showEdges": true,
|
||||
"color": [
|
||||
1,
|
||||
0,
|
||||
0
|
||||
]
|
||||
}
|
||||
],
|
||||
"volumes": [
|
||||
{
|
||||
"uuid": "1A553B0B-D35B-4B26-84BD-F8CFD287A200",
|
||||
"type": "BoxVolume",
|
||||
"name": "Test Volume",
|
||||
"position": [
|
||||
589688.5173246722,
|
||||
231341.79786558595,
|
||||
792.7726157084892
|
||||
],
|
||||
"rotation": [
|
||||
0,
|
||||
0,
|
||||
0.6338484063020134,
|
||||
"XYZ"
|
||||
],
|
||||
"scale": [
|
||||
87.70990081104037,
|
||||
65.01472874807978,
|
||||
95.53770288101325
|
||||
],
|
||||
"visible": true,
|
||||
"clip": true
|
||||
}
|
||||
],
|
||||
"cameraAnimations": [],
|
||||
"profiles": [
|
||||
{
|
||||
"uuid": "C08F6835-4E6E-47BB-8D13-7428BAEA48CE",
|
||||
"name": "Profile_0",
|
||||
"points": [
|
||||
[
|
||||
589641.6098756103,
|
||||
231453.76974998094,
|
||||
760.4950016784668
|
||||
],
|
||||
[
|
||||
589514.4799995422,
|
||||
231309.46000003815,
|
||||
775.6249989318848
|
||||
],
|
||||
[
|
||||
589512.4600000381,
|
||||
231504.9597490845,
|
||||
764.6350010681152
|
||||
]
|
||||
],
|
||||
"height": 20,
|
||||
"width": 6
|
||||
}
|
||||
],
|
||||
"annotations": [
|
||||
{
|
||||
"uuid": "96E6ECB5-BED1-4903-B8C9-252AC78E864D",
|
||||
"title": "Sorvilier",
|
||||
"description": "",
|
||||
"position": [
|
||||
589847.17,
|
||||
231436.78,
|
||||
892.6
|
||||
],
|
||||
"children": [],
|
||||
"offset": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
],
|
||||
"cameraPosition": [590034.03, 231814.02, 961.68],
|
||||
"cameraTarget": [589851.587, 231428.213, 715.634]
|
||||
},{
|
||||
"uuid": "D94E1D0B-7AA5-46FB-A513-A42282D3BD18",
|
||||
"title": "Trees",
|
||||
"description": "Point cloud of a small section in Sorvilier, Switzerland. <br>\n\t\t\t\tCourtesy of sigeom.sa",
|
||||
"children": [],
|
||||
"position": [
|
||||
589850.15,
|
||||
231300.1,
|
||||
770.94
|
||||
],
|
||||
"offset": [
|
||||
0,
|
||||
0,
|
||||
0
|
||||
]
|
||||
},
|
||||
{
|
||||
"uuid": "8B6543FC-64CA-4FD6-9C8D-ACE446D4A711",
|
||||
"title": "About Annotations",
|
||||
"description": "<ul><li>Click on the annotation label to move a predefined view.</li> \n\t\t\t\t<li>Click on the icon to execute the specified action.</li>\n\t\t\t\tIn this case, the action will bring you to another scene and point cloud.</ul>",
|
||||
"children": [],
|
||||
"position": [
|
||||
590043.63,
|
||||
231490.79,
|
||||
740.78
|
||||
],
|
||||
"cameraPosition": [590105.53, 231541.63, 782.05],
|
||||
"cameraTarget": [590043.63, 231488.79, 740.78]
|
||||
},
|
||||
{
|
||||
"uuid": "EE329482-3EF6-448C-A12B-46BF95143F79",
|
||||
"title": "About Annotations 2",
|
||||
"description": "\n\t\t\t\tSuitable annotation positions and views can be obtained by \n\t\t\t\tlooking up the current camera position and target in the \"Scene\" panel, \n\t\t\t\tor by evaluating following lines in your browser's developer console:<br><br>\n\t\t\t\t<code>viewer.scene.view.position</code><br>\n\t\t\t\t<code>viewer.scene.view.getPivot()</code><br>\n\t\t\t\t",
|
||||
"children": [],
|
||||
"position": [
|
||||
589621,
|
||||
231437,
|
||||
784
|
||||
],
|
||||
"cameraPosition": [
|
||||
589585.81,
|
||||
231463.63,
|
||||
804
|
||||
],
|
||||
"cameraTarget": [
|
||||
589625.86,
|
||||
231439,
|
||||
775.38
|
||||
]
|
||||
}
|
||||
],
|
||||
"objects": []
|
||||
}
|
||||
196
PointCloudWeb.Web/public/Potree/examples/shapefiles.html
Normal file
196
PointCloudWeb.Web/public/Potree/examples/shapefiles.html
Normal file
@@ -0,0 +1,196 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../libs/tween/tween.min.js"></script>
|
||||
<script src="../libs/d3/d3.js"></script>
|
||||
<script src="../libs/proj4/proj4.js"></script>
|
||||
<script src="../libs/openlayers3/ol.js"></script>
|
||||
<script src="../libs/i18next/i18next.js"></script>
|
||||
<script src="../libs/jstree/jstree.js"></script>
|
||||
<script src="../build/potree/potree.js"></script>
|
||||
<script src="../libs/plasio/js/laslaz.js"></script>
|
||||
<script src="../libs/shapefile/shapefile.js"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area" style="background-image: url('../build/potree/resources/images/background.jpg');"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setServer("http://localhost:3000");
|
||||
|
||||
viewer.setEDLEnabled(false);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('San Simeon, CA Central Coast point cloud taken from <a href="http://opentopo.sdsc.edu/gridsphere/gridsphere?cid=geonlidarframeportlet&gs_action=lidarDataset&opentopoID=OTLAS.032013.26910.2" target="_blank">Open Topography</a> (17.7b points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/CA13_1.4/cloud.js", "CA13", async e => {
|
||||
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
let material = pointcloud.material;
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
material.pointSizeType = Potree.PointSizeType.FIXED;
|
||||
material.size = 1;
|
||||
|
||||
scene.view.position.set(697757.85, 3913444.33, 2827.33);
|
||||
scene.view.lookAt(new THREE.Vector3(695231.74, 3916988.94, 87.64));
|
||||
|
||||
{
|
||||
// define the transformation from shapefile to point cloud coordinate systems
|
||||
proj4.defs("WGS84", "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs");
|
||||
proj4.defs("pointcloud", pointcloud.projection);
|
||||
let transform = proj4("WGS84", "pointcloud");
|
||||
|
||||
const loader = new Potree.ShapefileLoader();
|
||||
loader.transform = transform;
|
||||
|
||||
// group all shapefile scene nodes into this node
|
||||
const shapeNode = new THREE.Object3D();
|
||||
viewer.scene.scene.add(shapeNode);
|
||||
|
||||
|
||||
// load points.shp
|
||||
const shpPoints = await loader.load("./morro_bay_shp/shape/points.shp");
|
||||
shapeNode.add(shpPoints.node);
|
||||
|
||||
|
||||
// load natural.shp and change colors to green
|
||||
const shpNatural = await loader.load("./morro_bay_shp/shape/natural.shp");
|
||||
shapeNode.add(shpNatural.node);
|
||||
|
||||
shpNatural.node.traverse(node => {
|
||||
if(node.material){
|
||||
node.material.color.setRGB(0, 1, 0)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// load waterways.shp and change colors to blue
|
||||
const shpWaterways = await loader.load("./morro_bay_shp/shape/waterways.shp");
|
||||
shapeNode.add(shpWaterways.node);
|
||||
window.shpWaterways = shpWaterways;
|
||||
|
||||
shpWaterways.node.traverse(node => {
|
||||
if(node.material){
|
||||
node.material.color.setRGB(0.3, 0.3, 1)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// add roads.shp and change colors to yellow
|
||||
const shpRoads = await loader.load("./morro_bay_shp/shape/roads.shp");
|
||||
shapeNode.add(shpRoads.node);
|
||||
|
||||
shpRoads.node.traverse(node => {
|
||||
if(node.material){
|
||||
node.material.color.setRGB(1, 1, 0)
|
||||
}
|
||||
});
|
||||
|
||||
// this is necessary so that fat lines are correctly sized
|
||||
viewer.addEventListener("update", () => {
|
||||
const size = viewer.renderer.getSize(new THREE.Vector2());
|
||||
|
||||
shpRoads.setResolution(size.width, size.height);
|
||||
shpWaterways.setResolution(size.width, size.height);
|
||||
shpNatural.setResolution(size.width, size.height);
|
||||
shpPoints.setResolution(size.width, size.height);
|
||||
});
|
||||
|
||||
|
||||
viewer.onGUILoaded(() => {
|
||||
// Add entry to object list in sidebar
|
||||
let tree = $(`#jstree_scene`);
|
||||
let parentNode = "other";
|
||||
|
||||
let shpPointsID = tree.jstree('create_node', parentNode, {
|
||||
"text": "points",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"object": shpPoints.node,
|
||||
"data": shpPoints.node,
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(shpPoints.node.visible ? "check_node" : "uncheck_node", shpPointsID);
|
||||
|
||||
let shpNaterialID = tree.jstree('create_node', parentNode, {
|
||||
"text": "natural",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"object": shpNatural.node,
|
||||
"data": shpNatural.node,
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(shpNatural.node.visible ? "check_node" : "uncheck_node", shpNaterialID);
|
||||
|
||||
let shpWaterwaysID = tree.jstree('create_node', parentNode, {
|
||||
"text": "waterways",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"object": shpWaterways.node,
|
||||
"data": shpWaterways.node,
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(shpWaterways.node.visible ? "check_node" : "uncheck_node", shpWaterwaysID);
|
||||
|
||||
let shpRoadsID = tree.jstree('create_node', parentNode, {
|
||||
"text": "roads",
|
||||
"icon": `${Potree.resourcePath}/icons/triangle.svg`,
|
||||
"object": shpRoads.node,
|
||||
"data": shpRoads.node,
|
||||
},
|
||||
"last", false, false);
|
||||
tree.jstree(shpRoads.node.visible ? "check_node" : "uncheck_node", shpRoadsID);
|
||||
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.weiss-ag.org/" target="_blank">Weiss AG</a>. (60M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/weiss/LDHI_module/cloud.js", "LDHI Module", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.weiss-ag.org/" target="_blank">Weiss AG</a>. (73M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/weiss/chiller/cloud.js", "Chiller", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(26.94, -0.72, 21.52);
|
||||
scene.view.lookAt(5.50, 6.86, 8.75);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,83 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.weiss-ag.org/" target="_blank">Weiss AG</a>. (50M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/weiss/cooler_tower/cloud.js", "Cooler Tower", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.rotation.set(-1.9, 0, 0)
|
||||
e.pointcloud.position.set(-1.7, -1.5, 7);
|
||||
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,101 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.setClipTask(Potree.ClipTask.SHOW_INSIDE);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`Point cloud of <a href="http://www.dechenhoehle.de/" target="_blank">Dechen-Cave, Iserlohn</a>. Courtesy of <a href="http://lrg.geog.uni-heidelberg.de" target="_blank">Heidelberg University, LiDAR Research Group (LRG)</a><br>
|
||||
<i style="font-size: small">
|
||||
Hämmerle, M., Höfle, B., Fuchs, J., Schröder-Ritzrau, A., Vollweiler, N. & Frank, N. (2014): <a href="http://lrg.geog.uni-heidelberg.de/dechencave/" target="_blank">Comparison of Kinect and Terrestrial LiDAR Capturing Natural Karst Cave 3D Objects</a>. IEEE Geoscience and Remote Sensing Letters, Vol. 11(11), pp 1896-1900, DOI:<a href="http://dx.doi.org/10.1109/LGRS.2014.2313599" target="_blank">10.1109/LGRS.2014.2313599</a>
|
||||
</i>`);
|
||||
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
|
||||
$('#sldPointBudget').slider({
|
||||
max: 3_000_000,
|
||||
step: 1000,
|
||||
});
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/uni_heidelberg/dechen_cave/cloud.js", "Dechen Cave", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
material.activeAttributeName = "elevation";
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
let volume = new Potree.BoxVolume();
|
||||
volume.position.set(18.11, 14.94, 1.50);
|
||||
volume.scale.set(28.08, 19.07, 4.41);
|
||||
volume.clip = true;
|
||||
scene.addVolume(volume);
|
||||
|
||||
scene.view.setView(
|
||||
[5.69, 15.51, 10.62],
|
||||
[15.80, 15.27, 0.72],
|
||||
);
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.setClipTask(Potree.ClipTask.SHOW_INSIDE);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://prologuesystems.com/" target="_blank">Prologue Systems</a>. (36M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_appearance").next().show();
|
||||
$("#menu_tools").next().show();
|
||||
$("#menu_scene").next().show();
|
||||
viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/scott_reed/DoverMillRuins/cloud.js", "Dover Mill Ruins", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
pointcloud.position.z = 0;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
viewer.fitToScreen();
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://pix4d.com/" target="_blank">Pix4D</a>. (68M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/pix4d/eclepens/cloud.js", "Eclepens", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
pointcloud.position.x = 0;
|
||||
|
||||
scene.view.position.set(900.06, -492.00, 345.79);
|
||||
scene.view.lookAt(new THREE.Vector3(566.49, -56.16, -47.90));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`Grave point cloud courtesy of <a href="http://www.hs-anhalt.de/" target="_blank">HS Anhalt</a> - Institut für Geoinformation und Vermessung Dessau<br>
|
||||
Prof. Heinz Runne - Paul Banse - Philippe Kluge<br>
|
||||
Zoom in to watch the interior!`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/hs_anhalt/grab_15/cloud.js", "Grab 15", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(6094.03, 7494.81, 636.80);
|
||||
scene.view.lookAt(new THREE.Vector3(6099.60, 7498.93, 634.45));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Heidentor point cloud courtesy of <a href="http://archpro.lbg.ac.at/" target="_blank">Ludwig Boltzmann Institute - Archeological Prospection and Virtual Archeology</a> (26M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/archpro/heidentor/cloud.js", "Heidentor", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.position.z = 0;
|
||||
|
||||
scene.view.position.set(18.16, 15.91, 15.12);
|
||||
scene.view.lookAt(new THREE.Vector3(-3.72, 2.89, 5.27));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Lake Tahoe point cloud taken from <a href="http://opentopo.sdsc.edu/gridsphere/gridsphere?cid=geonlidarframeportlet&gs_action=lidarDataset&opentopoID=OTLAS.032011.26910.1" target="_blank">Open Topography</a> (8.3b points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/opentopography/TAHOE/cloud.js", "Lake Tahoe", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
material.activeAttributeName = "elevation";
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(738353.88, 4350533.47, 26682.81);
|
||||
scene.view.lookAt(new THREE.Vector3(757312.91, 4336199.98, -268.10));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.surfaceandedge.com/" target="_blank">surface & edge</a>. (163M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/surface_and_edge/land_building/cloud.js", "Building", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(10.66, 50.63, 29.30);
|
||||
scene.view.lookAt(new THREE.Vector3(13.21, -1.07, 0.97));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.weiss-ag.org/" target="_blank">Weiss AG</a>. (47M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/weiss/lifeboat/cloud.js", "Lifeboat", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.position.z = 0;
|
||||
|
||||
viewer.fitToScreen();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.tcproject.net/" target="_blank">Simone Garagnani</a> (12.6M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/garagnani_simone/lion_head/cloud.js", "Lion Head", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.position.set(0, 0, 0);
|
||||
|
||||
scene.view.position.set(-1.36, -6.10, 7.04);
|
||||
scene.view.lookAt(new THREE.Vector3(3.64, 1.59, 3.04));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://pix4d.com/" target="_blank">Pix4D</a> (274M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/pix4d/matterhorn/cloud.js", "Matterhorn", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(4316.88, 3624.74, 2461.80);
|
||||
scene.view.lookAt(new THREE.Vector3(-697.02, -966.12, -631.41));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://www.surfaceandedge.com/" target="_blank">surface & edge</a>. (228M points)');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/surface_and_edge/overpass/cloud.js", "Overpass", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.position.z = 0;
|
||||
|
||||
scene.view.position.set(-30.83, -12.84, 15.63);
|
||||
scene.view.lookAt(new THREE.Vector3(1.75, 6.65, 4.52));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(2_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Pielach point cloud courtesy of <a href="http://www.riegl.co.at/" target="_blank">Riegl</a>, provided by <a href="https://geo.tuwien.ac.at/" target="_blank">TU Wien, department of geodesy and geoinformation</a>.');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/tuwien_geo/pielach/cloud.js", "Pielach", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.elevationRange = [258.03, 303];
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(527944.87, 5339687.88, 426.60);
|
||||
scene.view.lookAt(new THREE.Vector3(527865.49, 5340001.74, 264.73));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of the <a href="http://www.map.archi.fr/?page_id=381" target="_blank">CNRS-MAP-Gamsau laboratory</a>');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/map.archi.fr/pompei/cloud.js", "Pompei", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.position.z = 0;
|
||||
|
||||
scene.view.position.set(11.96, 23.18, 18.09);
|
||||
scene.view.lookAt(new THREE.Vector3(-4.28, 7.12, 1.37));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
93
PointCloudWeb.Web/public/Potree/examples/showcase/retz.html
Normal file
93
PointCloudWeb.Web/public/Potree/examples/showcase/retz.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(3_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription('Point cloud courtesy of <a href="http://riegl.com/" target="_blank">Riegl</a><br>');
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/riegl/retz/cloud.js", "Retz", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
scene.addAnnotation([31.76, 0.67, 38.50], {
|
||||
cameraPosition: [81.91, -89.66, 95.98],
|
||||
cameraTarget: [31.76, 0.67, 28.50],
|
||||
title: "Town Square"
|
||||
});
|
||||
|
||||
scene.addAnnotation([451.31, -363.71, 27.40], {
|
||||
cameraPosition: [387.13, -382.97, 53.70],
|
||||
cameraTarget: [451.31, -363.71, 17.40],
|
||||
title: "Train Station"
|
||||
});
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
e.pointcloud.position.z = 0;
|
||||
|
||||
scene.view.position.set(519.55, -1062.47, 723.01);
|
||||
scene.view.lookAt(new THREE.Vector3(164.68, -106.56, 0));
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||||
<title>Potree Viewer</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/potree/potree.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jquery-ui/jquery-ui.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/openlayers3/ol.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/spectrum/spectrum.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../libs/jstree/themes/mixed/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script src="../../libs/jquery/jquery-3.1.1.min.js"></script>
|
||||
<script src="../../libs/spectrum/spectrum.js"></script>
|
||||
<script src="../../libs/jquery-ui/jquery-ui.min.js"></script>
|
||||
|
||||
<script src="../../libs/other/BinaryHeap.js"></script>
|
||||
<script src="../../libs/tween/tween.min.js"></script>
|
||||
<script src="../../libs/d3/d3.js"></script>
|
||||
<script src="../../libs/proj4/proj4.js"></script>
|
||||
<script src="../../libs/openlayers3/ol.js"></script>
|
||||
<script src="../../libs/i18next/i18next.js"></script>
|
||||
<script src="../../libs/jstree/jstree.js"></script>
|
||||
<script src="../../build/potree/potree.js"></script>
|
||||
<script src="../../libs/plasio/js/laslaz.js"></script>
|
||||
|
||||
<!-- INCLUDE ADDITIONAL DEPENDENCIES HERE -->
|
||||
<!-- INCLUDE SETTINGS HERE -->
|
||||
|
||||
<div class="potree_container" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; ">
|
||||
<div id="potree_render_area"></div>
|
||||
<div id="potree_sidebar_container"> </div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
|
||||
import * as THREE from "../../libs/three.js/build/three.module.js";
|
||||
|
||||
window.viewer = new Potree.Viewer(document.getElementById("potree_render_area"));
|
||||
|
||||
viewer.setEDLEnabled(true);
|
||||
viewer.setFOV(60);
|
||||
viewer.setPointBudget(1_000_000);
|
||||
viewer.loadSettingsFromURL();
|
||||
|
||||
viewer.setDescription(`Pyle, David; Parks, Michelle; Mather, Tamsin; Nomikou, Paraskevi (2014):
|
||||
2012 Santorini LiDAR data
|
||||
<a href="http://figshare.com/articles/2012_Santorini_LiDAR_data/1138718" target="_blank">
|
||||
taken from figshare</a><br>
|
||||
This scene contains a clip volume that hides noise above a certain elevation.`);
|
||||
|
||||
viewer.loadGUI(() => {
|
||||
viewer.setLanguage('en');
|
||||
$("#menu_tools").next().show();
|
||||
//viewer.toggleSidebar();
|
||||
});
|
||||
|
||||
// Load and add point cloud to scene
|
||||
Potree.loadPointCloud("http://5.9.65.151/mschuetz/potree/resources/pointclouds/various/santorini/cloud.js", "Santorini", function(e){
|
||||
let scene = viewer.scene;
|
||||
let pointcloud = e.pointcloud;
|
||||
|
||||
let material = pointcloud.material;
|
||||
material.size = 1;
|
||||
material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
|
||||
material.shape = Potree.PointShape.SQUARE;
|
||||
material.activeAttributeName = "elevation";
|
||||
material.elevationRange = [13.3, 174];
|
||||
|
||||
|
||||
scene.addPointCloud(pointcloud);
|
||||
|
||||
scene.view.position.set(354975.41, 4031648.99, 1106.76);
|
||||
scene.view.lookAt(new THREE.Vector3(356138.41, 4030046.97, 36.20));
|
||||
|
||||
|
||||
let clipVolume = new Potree.Volume();
|
||||
clipVolume.clip = true;
|
||||
clipVolume.position.set(355788.804, 4029903.575, 36.619);
|
||||
clipVolume.rotation.set(0.000, 0.000, 0.000);
|
||||
clipVolume.scale.set(3716.586, 3075.949, 264.216);
|
||||
clipVolume.visible = false;
|
||||
|
||||
viewer.setClipTask(Potree.ClipTask.SHOW_INSIDE);
|
||||
viewer.scene.addVolume(clipVolume);
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user