Potree.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508
  1. export * from "./custom/start.js";
  2. export {settings, config} from './custom/settings.js'
  3. export * from "./Actions.js";
  4. export * from "./AnimationPath.js";
  5. export * from "./Annotation.js";
  6. export * from "./defines.js";
  7. export * from "./Enum.js";
  8. export * from "./EventDispatcher.js";
  9. export * from "./Features.js";
  10. export * from "./KeyCodes.js";
  11. export * from "./LRU.js";
  12. export * from "./PointCloudEptGeometry.js";
  13. export * from "./PointCloudOctree.js";
  14. //export * from "./custom/ExtendPointCloudOctree.js";
  15. export * from "./PointCloudOctreeGeometry.js";
  16. export * from "./PointCloudTree.js";
  17. export * from "./Points.js";
  18. // export * from "./Potree_update_visibility.js";
  19. //export * from "./custom/ExtendPotree_update_visibility.js";
  20. export * from "./PotreeRenderer.js";
  21. export * from "./ProfileRequest.js";
  22. export * from "./TextSprite.js";
  23. export * from "./utils.js";
  24. export * from "./Version.js";
  25. export * from "./WorkerPool.js";
  26. export * from "./XHRFactory.js";
  27. export * from "./viewer/SaveProject.js";
  28. export * from "./viewer/LoadProject.js";
  29. export * from "./materials/ClassificationScheme.js";
  30. export * from "./materials/EyeDomeLightingMaterial.js";
  31. export * from "./materials/Gradients.js";
  32. export * from "./materials/NormalizationEDLMaterial.js";
  33. export * from "./materials/NormalizationMaterial.js";
  34. export * from "./materials/PointCloudMaterial.js";
  35. export * from "./loader/POCLoader.js";
  36. export * from "./modules/loader/2.0/OctreeLoader.js";
  37. export * from "./loader/EptLoader.js";
  38. export * from "./loader/ept/BinaryLoader.js";
  39. export * from "./loader/ept/LaszipLoader.js";
  40. export * from "./loader/ept/ZstandardLoader.js";
  41. export * from "./loader/PointAttributes.js";
  42. export * from "./loader/ShapefileLoader.js";
  43. export * from "./loader/GeoPackageLoader.js";
  44. // export * from "./objects/tool/Box3Helper.js";
  45. // export * from "./objects/tool/ClippingTool.js";
  46. // export * from "./objects/tool/ClipVolume.js";
  47. export * from "./utils/Box3Helper.js";
  48. export * from "./utils/ClippingTool.js";
  49. export * from "./utils/ClipVolume.js";
  50. export * from "./utils/GeoTIFF.js";
  51. // export * from "./objects/tool/Measure.js";
  52. // export * from "./objects/tool/MeasuringTool.js";
  53. export * from "./utils/Measure.js";
  54. export * from "./utils/MeasuringTool.js";
  55. export * from "./utils/Message.js";
  56. export * from "./utils/PointCloudSM.js";
  57. // export * from "./objects/tool/PolygonClipVolume.js";
  58. // export * from "./objects/tool/Profile.js";
  59. // export * from "./objects/tool/ProfileTool.js";
  60. // export * from "./objects/tool/ScreenBoxSelectTool.js";
  61. // export * from "./objects/tool/SpotLightHelper.js";
  62. // export * from "./objects/tool/TransformationTool.js";
  63. // export * from "./objects/tool/Volume.js";
  64. // export * from "./objects/tool/VolumeTool.js";
  65. // export * from "./objects/tool/Compass.js";
  66. export * from "./utils/PolygonClipVolume.js";
  67. export * from "./utils/Profile.js";
  68. export * from "./utils/ProfileTool.js";
  69. export * from "./utils/ScreenBoxSelectTool.js";
  70. export * from "./utils/SpotLightHelper.js";
  71. export * from "./utils/TransformationTool.js";
  72. export * from "./utils/Volume.js";
  73. export * from "./utils/VolumeTool.js";
  74. export * from "./utils/Compass.js";
  75. export * from "./custom/viewer/ExtendViewer.js";
  76. export * from "./viewer/Scene.js";
  77. export * from "./viewer/HierarchicalSlider.js";
  78. export * from "./modules/OrientedImages/OrientedImages.js";
  79. export * from "./modules/Images360/Images360.js";
  80. export * from "./modules/CameraAnimation/CameraAnimation.js";
  81. export * from "./modules/loader/2.0/OctreeLoader.js";
  82. export {OrbitControls} from "./navigation/OrbitControls.js";
  83. export {FirstPersonControls} from "./navigation/FirstPersonControls.js";
  84. export {EarthControls} from "./navigation/EarthControls.js";
  85. export {DeviceOrientationControls} from "./navigation/DeviceOrientationControls.js";
  86. export {VRControls} from "./navigation/VRControls.js";
  87. import "./extensions/OrthographicCamera.js";
  88. import "./extensions/PerspectiveCamera.js";
  89. import "./extensions/Ray.js";
  90. import {LRU} from "./LRU.js";
  91. import {OctreeLoader} from "./modules/loader/2.0/OctreeLoader.js";
  92. import {POCLoader} from "./loader/POCLoader.js";
  93. import {EptLoader} from "./loader/EptLoader.js";
  94. import {ExtendPointCloudOctree} from "./ExtendPointCloudOctree.js";
  95. //import {ExtendPointCloudOctree} from "./custom/ExtendPointCloudOctree.js";
  96. import {WorkerPool} from "./WorkerPool.js";
  97. export const workerPool = new WorkerPool();
  98. export const version = {
  99. major: 1,
  100. minor: 8,
  101. suffix: '.0'
  102. };
  103. export let lru = new LRU();
  104. console.log('Potree ' + version.major + '.' + version.minor + version.suffix);
  105. export let pointBudget = 1 * 1000 * 1000;
  106. export let framenumber = 0;
  107. export let numNodesLoading = 0;
  108. export let maxNodesLoading = 4;
  109. export const debug = {};
  110. let scriptPath = "";
  111. if (document.currentScript && document.currentScript.src) {
  112. scriptPath = new URL(document.currentScript.src + '/..').href;
  113. if (scriptPath.slice(-1) === '/') {
  114. scriptPath = scriptPath.slice(0, -1);
  115. }
  116. } else if(import.meta){
  117. scriptPath = new URL(import.meta.url + "/..").href;
  118. if (scriptPath.slice(-1) === '/') {
  119. scriptPath = scriptPath.slice(0, -1);
  120. }
  121. }else {
  122. console.error('Potree was unable to find its script path using document.currentScript. Is Potree included with a script tag? Does your browser support this function?');
  123. }
  124. let resourcePath = scriptPath + '/resources';
  125. // scriptPath: build/potree
  126. // resourcePath:build/potree/resources
  127. export {scriptPath, resourcePath};
  128. //add:
  129. export async function loadFile(path, callback, onError){
  130. if(Potree.fileServer){
  131. Potree.fileServer.get(path).then(data=>{
  132. if(data.data)data = data.data
  133. if(data.data)data = data.data //融合页面getdataset需要查找两次data
  134. callback && callback(data)
  135. }).catch(onError)
  136. }else{
  137. try{
  138. let response = await fetch(path);
  139. let text = await response.text();
  140. var data = JSON.parse(text)
  141. if(data.data) data = data.data
  142. callback && callback(data)
  143. return data
  144. }catch(e){
  145. onError && onError(e)
  146. }
  147. }
  148. //查询: http://192.168.0.26:8080/doc.html#/default/filter-%E6%BC%AB%E6%B8%B8%E7%82%B9/filterUsingGET
  149. }
  150. export async function loadDatasets(callback,sceneCode,onError){//之后直接把path写进来
  151. let path
  152. sceneCode = sceneCode || Potree.settings.number
  153. if(Potree.fileServer){
  154. path = `/laser/dataset/${sceneCode}/getDataSet`
  155. }else{
  156. //path = `${Potree.settings.urls.prefix2}/indoor/${Potree.settings.number}/api/datasets`
  157. //现在只能加载得了本地的了
  158. path = `${Potree.settings.urls.prefix}/laser/dataset/${sceneCode}/getDataSet`
  159. //path = `${Potree.scriptPath}/data/${sceneCode}/getDataSet.json`
  160. }
  161. return loadFile(path, callback,onError)
  162. }
  163. //目前上传平面图后如果不点击保存按钮,数据还是旧的不生效
  164. export async function loadMapEntity(datasetId, force){
  165. if(!Potree.settings.floorplanEnable && !force && Potree.fileServer )return /* 等待平面图类型定义好会加载 */
  166. let loaded = 0
  167. let needLoads = datasetId == 'all' ? viewer.scene.pointclouds.map(e=>e.dataset_id) : [datasetId]
  168. let callback = (dataset_id, floorplanType, data )=>{
  169. //要防止旧的比新的先获取到导致覆盖新的,因为两种type随时可能切换
  170. if(floorplanType != Potree.settings.floorplanType[dataset_id]) return //如果请求的floorplanType不是当前最新的floorplanType就返回
  171. var map = viewer.mapViewer.mapLayer.maps.find(e => e.name == 'floorplan_'+ dataset_id)
  172. if(map){
  173. viewer.mapViewer.mapLayer.removeMap(map)
  174. }
  175. var mapNew = viewer.mapViewer.mapLayer.addMapEntity(data.data || data, dataset_id)
  176. if(map){
  177. mapNew.visibleReasons = map.visibleReasons
  178. mapNew.unvisibleReasons = map.unvisibleReasons
  179. }
  180. loaded ++;
  181. }
  182. needLoads.forEach(dataset_id=>{
  183. let floorplanType = Potree.settings.floorplanType[dataset_id], prefix = ''
  184. if(!Potree.fileServer){
  185. prefix = Potree.settings.urls.prefix
  186. }
  187. if(!floorplanType)return
  188. var path
  189. /* if(Potree.fileServer){
  190. path = `/laser/tiledMap/${Potree.settings.number}/tiledMap/${floorplanType}/${dataset_id}`
  191. }else{
  192. path = `${Potree.settings.urls.prefix2}/indoor/${Potree.settings.number}/api/tiled_maps`
  193. } */
  194. path = `${prefix}/laser/tiledMap/${Potree.settings.number}/tiledMap/${floorplanType}/${dataset_id}`
  195. Potree.settings.floorplanRequests[dataset_id] = true //开始加载了
  196. return loadFile(path, callback.bind(this, dataset_id, floorplanType) )
  197. })
  198. }
  199. export async function loadPanos(datasetId, callback){
  200. var path
  201. let query = `?datasetId=${datasetId}` //`?lat=${center.lat}&lon=${center.lon}&radius=200000`
  202. if(Potree.fileServer){
  203. path = `/laser/filter/${Potree.settings.number}/query` + query
  204. }else{
  205. //path = `${Potree.settings.urls.prefix2}/indoor/${Potree.settings.number}/api/images/filter` + query
  206. //path = `${Potree.scriptPath}/data/${Potree.settings.number}/panos-${datasetId}.json`
  207. path = `${Potree.settings.urls.prefix}/laser/filter/${Potree.settings.number}/query` + query
  208. }
  209. return loadFile(path, callback)
  210. }
  211. export async function loadPanosInfo(callback){
  212. var path
  213. if(Potree.fileServer){
  214. }else{
  215. path = `${Potree.scriptPath}/data/panoEdit/vision_edit.txt`
  216. }
  217. return loadFile(path, callback)
  218. }
  219. //site_model
  220. /* {
  221. "area": 2503.30551910935,
  222. "attributes": {},
  223. "center": [
  224. 113.59568277455075,
  225. 22.366566635195288,
  226. 12.78751625
  227. ],
  228. "children": [],
  229. "geometry_hash": 1891071345,
  230. "id": 10,
  231. "name": "港湾一号",
  232. "parentId": null,
  233. "polygon": {
  234. "coordinates": [
  235. [
  236. [
  237. 113.59590810534583,
  238. 22.36679132753878
  239. ],
  240. [
  241. 113.59590810534583,
  242. 22.366807172528629
  243. ],
  244. [
  245. 113.59545610274934,
  246. 22.366807172528629
  247. ],
  248. [
  249. 113.59545610274934,
  250. 22.36679132753878
  251. ]
  252. ]
  253. ],
  254. "type": "Polygon"
  255. },
  256. "type": "BUILDING",
  257. "volume": null,
  258. "z_max": null,
  259. "z_min": null
  260. }
  261. */
  262. export function Log(value, color, fontSize){
  263. color = color || '#13f'
  264. fontSize = fontSize || 14
  265. console.warn(`%c${value}`, `color:${color};font-size:${fontSize}px`)
  266. }
  267. export function loadPointCloud(path, name, sceneCode, timeStamp, callback, onError){
  268. let loaded = function(e){
  269. e.pointcloud.name = name;
  270. e.pointcloud.sceneCode = sceneCode //对应4dkk的场景码
  271. callback(e);
  272. };
  273. let promise = new Promise( resolve => {
  274. // load pointcloud
  275. if (!path){
  276. // TODO: callback? comment? Hello? Bueller? Anyone?
  277. } else if (path.indexOf('ept.json') > 0) {
  278. EptLoader.load(path, function(geometry) {
  279. if (!geometry) {
  280. console.error(new Error(`failed to load point cloud from URL: ${path}`));
  281. }
  282. else {
  283. let pointcloud = new ExtendPointCloudOctree(geometry);
  284. //loaded(pointcloud);
  285. resolve({type: 'pointcloud_loaded', pointcloud: pointcloud});
  286. }
  287. });
  288. } else if (path.indexOf('cloud.js') > 0) {
  289. POCLoader.load(path, timeStamp, function (geometry) {
  290. if (!geometry) {
  291. //callback({type: 'loading_failed'});
  292. console.error(new Error(`failed to load point cloud from URL: ${path}`));
  293. onError && onError()
  294. } else {
  295. let pointcloud = new ExtendPointCloudOctree(geometry);
  296. // loaded(pointcloud);
  297. resolve({type: 'pointcloud_loaded', pointcloud: pointcloud});
  298. }
  299. });
  300. }/* else if (path.indexOf('metadata.json') > 0) { //部分浏览器(如uc)不支持NodeLoader中的1n的大数据写法
  301. Potree.OctreeLoader.load(path).then(e => {
  302. let geometry = e.geometry;
  303. if(!geometry){
  304. console.error(new Error(`failed to load point cloud from URL: ${path}`));
  305. }else{
  306. let pointcloud = new ExtendPointCloudOctree(geometry);
  307. let aPosition = pointcloud.getAttribute("position");
  308. let material = pointcloud.material;
  309. material.elevationRange = [
  310. aPosition.range[0][2],
  311. aPosition.range[1][2],
  312. ];
  313. // loaded(pointcloud);
  314. resolve({type: 'pointcloud_loaded', pointcloud: pointcloud});
  315. }
  316. });
  317. OctreeLoader.load(path, function (geometry) {
  318. if (!geometry) {
  319. //callback({type: 'loading_failed'});
  320. console.error(new Error(`failed to load point cloud from URL: ${path}`));
  321. } else {
  322. let pointcloud = new ExtendPointCloudOctree(geometry);
  323. // loaded(pointcloud);
  324. resolve({type: 'pointcloud_loaded', pointcloud: pointcloud});
  325. }
  326. });
  327. } */else if (path.indexOf('.vpc') > 0) {
  328. PointCloudArena4DGeometry.load(path, function (geometry) {
  329. if (!geometry) {
  330. //callback({type: 'loading_failed'});
  331. console.error(new Error(`failed to load point cloud from URL: ${path}`));
  332. } else {
  333. let pointcloud = new PointCloudArena4D(geometry);
  334. // loaded(pointcloud);
  335. resolve({type: 'pointcloud_loaded', pointcloud: pointcloud});
  336. }
  337. });
  338. } else {
  339. //callback({'type': 'loading_failed'});
  340. console.error(new Error(`failed to load point cloud from URL: ${path}`));
  341. }
  342. });
  343. if(callback){
  344. promise.then(pointcloud => {
  345. loaded(pointcloud);
  346. });
  347. }else{
  348. return promise;
  349. }
  350. };
  351. // add selectgroup
  352. (function($){
  353. $.fn.extend({
  354. selectgroup: function(args = {}){
  355. let elGroup = $(this);
  356. let rootID = elGroup.prop("id");
  357. let groupID = `${rootID}`;
  358. let groupTitle = (args.title !== undefined) ? args.title : "";
  359. let elButtons = [];
  360. elGroup.find("option").each((index, value) => {
  361. let buttonID = $(value).prop("id");
  362. let label = $(value).html();
  363. let optionValue = $(value).prop("value");
  364. let elButton = $(`
  365. <span style="flex-grow: 1; display: inherit">
  366. <label for="${buttonID}" class="ui-button" style="width: 100%; padding: .4em .1em">${label}</label>
  367. <input type="radio" name="${groupID}" id="${buttonID}" value="${optionValue}" style="display: none"/>
  368. </span>
  369. `);
  370. let elLabel = elButton.find("label");
  371. let elInput = elButton.find("input");
  372. elInput.change( () => {
  373. elGroup.find("label").removeClass("ui-state-active");
  374. elGroup.find("label").addClass("ui-state-default");
  375. if(elInput.is(":checked")){
  376. elLabel.addClass("ui-state-active");
  377. }else{
  378. //elLabel.addClass("ui-state-default");
  379. }
  380. });
  381. elButtons.push(elButton);
  382. });
  383. let elFieldset = $(`
  384. <fieldset style="border: none; margin: 0px; padding: 0px">
  385. <legend>${groupTitle}</legend>
  386. <span style="display: flex">
  387. </span>
  388. </fieldset>
  389. `);
  390. let elButtonContainer = elFieldset.find("span");
  391. for(let elButton of elButtons){
  392. elButtonContainer.append(elButton);
  393. }
  394. elButtonContainer.find("label").each( (index, value) => {
  395. $(value).css("margin", "0px");
  396. $(value).css("border-radius", "0px");
  397. $(value).css("border", "1px solid black");
  398. $(value).css("border-left", "none");
  399. });
  400. elButtonContainer.find("label:first").each( (index, value) => {
  401. $(value).css("border-radius", "4px 0px 0px 4px");
  402. });
  403. elButtonContainer.find("label:last").each( (index, value) => {
  404. $(value).css("border-radius", "0px 4px 4px 0px");
  405. $(value).css("border-left", "none");
  406. });
  407. elGroup.empty();
  408. elGroup.append(elFieldset);
  409. }
  410. });
  411. })(jQuery);