-
Notifications
You must be signed in to change notification settings - Fork 3
/
getting_started.html
109 lines (83 loc) · 3.69 KB
/
getting_started.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Potree</title>
<!-- Bootstrap core CSS -->
<link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="potree.css" rel="stylesheet">
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Potree</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="download.html">Download</a></li>
<li class="active"><a href="getting_started.html">Getting Started</a></li>
<li><a href="donations.html">Donations</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a class="navbar-icon" href="https://github.com/potree/potree" target="_blank"><img src="resources/github.png"></a>
</li>
<li>
<a class="navbar-icon" href="https://twitter.com/m_schuetz" target="_blank"><img src="resources/twitter.png"></a>
</li>
<li>
<a class="navbar-icon" href="https://www.cg.tuwien.ac.at/" target="_blank"><img src="resources/icga.gif" height="33px"></a>
</li>
</ul>
</div>
</div>
</nav>
<script src="content.js"></script>
<div class="container">
<div class="jumbotron">
<h3>Download PotreeConverter</h3>
<ul>
<li><a href="https://github.com/potree/PotreeConverter/releases" target="_blank">PotreeConverter</a></li>
</ul>
<h3>Setup a Web-Server</h3>
Due to strict security policies in browsers,
it is not possible to open potree html files directly
on your pc because potree needs permission to load files.
You have to put all necessary source files and the pointcloud on
a webserver to view the result.
You can, however, install a local webserver on your pc.
I use XAMPP, which contains Apache Webserver as well as PHP and MySQL
but Apache alone should work fine:
<ul>
<li><a href="http://httpd.apache.org/" target="_blank">Apache</a>
<li><a href="https://www.apachefriends.org/de/index.html" target="_blank">XAMPP</a>
</ul>
After you've installed and started Apache/XAMPP, you can access files in your htdocs directory through a localhost URL:
Assuming your htdocs directory is C:\xampp\htdocs, you can access it in your browser with http://localhost
<h3>Converting & Generating a Web Page</h3>
Try this for your first point cloud and then take a look at the PotreeConverter page to learn more about the converter options:
<pre>./PotreeConverter.exe C:/pointcloud.las -o C:/xampp/htdocs/potree --generate-page pageName</pre>
You should now be able to open the generated potree page at this URL: http://localhost/potree/examples/pageName.html
<img src="resources/screenshot.png">
</div>
</div> <!-- /container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="libs/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>