ViewerSplitScreen.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. /* 引入Cesium */
  2. // import * as Cesium from 'Cesium';
  3. /**
  4. * 分屏
  5. */
  6. class ViewerSplitScreen {
  7. /**
  8. * 默认初始化
  9. */
  10. constructor() {}
  11. }
  12. /**
  13. * 通用对外公开函数
  14. */
  15. Object.assign(ViewerSplitScreen.prototype, /** @lends ViewerSplitScreen.prototype */ {
  16. /**
  17. * 开启分屏
  18. * @param {Object} viewer1 视窗1
  19. * @param {Object} viewer2 视窗2
  20. */
  21. initHandler(viewer1, viewer2) {
  22. var _self = this;
  23. if (_self.handler1 && _self.handler1.getInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE)) {
  24. return;
  25. }
  26. _self.handler1 = new Cesium.ScreenSpaceEventHandler(viewer1.scene.canvas);
  27. _self.handler2 = new Cesium.ScreenSpaceEventHandler(viewer2.scene.canvas);
  28. _self.handler1.setInputAction(function(movement) {
  29. var _camerca = viewer1.camera;
  30. viewer2.camera.setView({
  31. destination: _camerca.position,
  32. orientation: {
  33. direction: _camerca._direction,
  34. up: _camerca.up,
  35. heading: _camerca.heading,
  36. pitch: _camerca.pitch,
  37. roll: _camerca.roll
  38. }
  39. });
  40. }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
  41. _self.handler1.setInputAction(function(movement) {
  42. var _camerca = viewer1.camera;
  43. viewer2.camera.setView({
  44. destination: _camerca.position,
  45. orientation: {
  46. direction: _camerca._direction,
  47. up: _camerca.up,
  48. heading: _camerca.heading,
  49. pitch: _camerca.pitch,
  50. roll: _camerca.roll
  51. }
  52. });
  53. }, Cesium.ScreenSpaceEventType.WHEEL);
  54. _self.handler2.setInputAction(function(movement) {
  55. var _camerca = viewer2.camera;
  56. viewer1.camera.setView({
  57. destination: _camerca.position,
  58. orientation: {
  59. direction: _camerca._direction,
  60. up: _camerca.up,
  61. heading: _camerca.heading,
  62. pitch: _camerca.pitch,
  63. roll: _camerca.roll
  64. }
  65. });
  66. }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
  67. _self.handler2.setInputAction(function(movement) {
  68. var _camerca = viewer2.camera;
  69. viewer1.camera.setView({
  70. destination: _camerca.position,
  71. orientation: {
  72. direction: _camerca._direction,
  73. up: _camerca.up,
  74. heading: _camerca.heading,
  75. pitch: _camerca.pitch,
  76. roll: _camerca.roll
  77. }
  78. });
  79. }, Cesium.ScreenSpaceEventType.WHEEL);
  80. },
  81. /**
  82. * 移除分屏效果
  83. */
  84. clearHandler() {
  85. var _self = this;
  86. if (_self.handler1) {
  87. _self.handler1.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
  88. _self.handler1.removeInputAction(Cesium.ScreenSpaceEventType.WHEEL);
  89. }
  90. if (_self.handler2) {
  91. _self.handler2.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
  92. _self.handler2.removeInputAction(Cesium.ScreenSpaceEventType.WHEEL);
  93. }
  94. }
  95. });
  96. export default ViewerSplitScreen;