buildingCreate.js 4.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. // 创建app
  2. var app = new THING.App({
  3. url: '/api/scene/0b75dc5f4460f22c329afd96',
  4. // url: '/api/scene/ab93bd9640a9db05a4937351',
  5. background: 'https://www.thingjs.com/static/images/background_img_03.png'
  6. });
  7. //设备列表
  8. var buildingStore;
  9. $.ajax({
  10. type: "GET",
  11. url:'/uploads/wechat/163607/file/杨浦16/buildingStore.json',
  12. dataType: "json",
  13. async: false,
  14. success: function (data) {
  15. console.log(data)
  16. buildingStore = data.buildingStore
  17. }
  18. });
  19. app.camera.xAngleLimitRange = [0, 90];
  20. var campusUrl;//场景列表
  21. var dataObj = { progress: 0 }; // 场景加载进度条数据对象
  22. var loadingPanel; // 进度条界面组件
  23. var curCampus;//存放园区url路径
  24. var company_code;
  25. var buildingStore;
  26. var miniMapCtrl = null; // 小地图控件
  27. var webSocket;//webSocket
  28. var tileLayer1 = null; // 加入地图背景后选用的图层
  29. var box = null; // 鼠标点击第一人称行走按钮时,红色盒子提示
  30. var fpsCtrl = null; // 第一人称行走控件
  31. var cameraInitPos = null; // 进入第一人称行走前摄像机位置
  32. var fullScreenState = false; // 全屏
  33. var skyBox = null; // 天空盒
  34. var hiddenControlTimer = null; // 隐藏控制按钮计时器
  35. var showControlTimer = null; // 显示控制按钮计时器
  36. var cameraDistace = [];
  37. var building = null, mainPanle; // 建筑
  38. var restartTime = 5000; // 自动旋转停止后重启时间间隔
  39. var rotateTimer = null; // 自动旋转计时器
  40. //var baseURL = "http://47.103.74.123/ThingjsIcon/";
  41. var baseURL = "https://s3.ax1x.com/2021/01/28/";
  42. var filePath = '/uploads/wechat/5oiR5pyJ5pyA6ZW/55qE572R5ZCN5LiN5L+h5L2g5pWw5pWw/file/ScenePreview/';
  43. // 需要用到的外部文件
  44. var fileArr = [
  45. "https://www.layuicdn.com/layui/layui.js",
  46. 'https://www.layuicdn.com/layui/css/layui.css',
  47. filePath + 'assets/css/index.css', // 功能按钮样式文件
  48. filePath + 'assets/font-awesome-4.7.0/css/font-awesome.min.css', // 功能按钮字体样式
  49. filePath + 'assets/css/myAlert.css', // 弹出框样式
  50. filePath + 'assets/css/sweetalert2.min.css', // 弹出框样式
  51. filePath + 'assets/js/sweetalert2.all.min.js', // 弹出框脚本
  52. filePath + 'assets/js/myAlert.js', // 弹出框脚本
  53. filePath + 'assets/js/posTransform.js', // 不同坐标系经纬度互相转换的脚本文件
  54. filePath + 'assets/js/expandFloor.js', // 楼层展开脚本
  55. '/guide/lib/echarts.min.js',
  56. '/uploads/wechat/163607/file/杨浦16/removeMark.js',//清除标注脚本
  57. '/uploads/wechat/163607/file/杨浦16/UIAnchor.js',//UI界面脚本
  58. '/uploads/wechat/163607/file/杨浦16/FloorClick.js',//创建切换楼层脚本
  59. '/uploads/wechat/163607/file/杨浦16/MainPanel.js',//公共工具功能脚本
  60. '/uploads/wechat/163607/file/杨浦16/CreateHtml.js',//创建页面元素脚本
  61. '/uploads/wechat/163607/file/杨浦16/public.js',//公共场景功能脚本
  62. '/uploads/wechat/163607/file/杨浦16/ChangeScene.js',//场景切换脚本
  63. ];
  64. /**
  65. * 说明:加载外部文件
  66. */
  67. THING.Utils.dynamicLoad(fileArr, function () {
  68. app.on('load', function (ev) {
  69. skyBox = app.skyBox; // 获取天空盒
  70. app.level.change(ev.campus); // 切换至园区层级
  71. ev.campus.azimuth = '180';
  72. mainPanle = new MainPanel(app);// 界面的类
  73. // setupNavpanel();
  74. // creatFloorChoose(); //======================================本地数据测试===============================================
  75. // 获取园区在CampusBuilder编辑时保存的地理位置
  76. let tjsLnglat = app.root.defaultCampus.extraData;
  77. if (tjsLnglat != undefined && tjsLnglat != null) {
  78. tjsLnglat = tjsLnglat.coordinates;
  79. if (tjsLnglat != undefined && tjsLnglat != null) {
  80. tjsLnglat = tjsLnglat.split(",");
  81. }
  82. } else {
  83. ev.campus.extraData = { coordinates: "116.4641,39.98606" } // 园区绑定默认经纬度,地图才生效
  84. }
  85. createHtml(); // 创建html
  86. restarRotate(); // 自动旋转
  87. curCampus = ev.campus;
  88. // 进入层级切换
  89. app.level.change(ev.campus);
  90. });