You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Layer.js 6.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311
  1. /**
  2. * @Author: Caven
  3. * @Date: 2020-01-03 09:38:21
  4. */
  5. import { Cesium } from '@dc-modules/namespace'
  6. import { Util } from '@dc-modules/utils'
  7. import State from '@dc-modules/state/State'
  8. import { LayerEventType, OverlayEventType, LayerEvent } from '@dc-modules/event'
  9. import LayerType from './LayerType'
  10. class Layer {
  11. constructor(id) {
  12. this._id = Util.uuid()
  13. this._bid = id || Util.uuid()
  14. this._delegate = undefined
  15. this._viewer = undefined
  16. this._state = undefined
  17. this._show = true
  18. this._cache = {}
  19. this._attr = {}
  20. this._layerEvent = new LayerEvent()
  21. this._layerEvent.on(LayerEventType.ADD, this._onAdd, this)
  22. this._layerEvent.on(LayerEventType.REMOVE, this._onRemove, this)
  23. this._state = undefined
  24. }
  25. get layerId() {
  26. return this._id
  27. }
  28. get id() {
  29. return this._bid
  30. }
  31. get delegate() {
  32. return this._delegate
  33. }
  34. set show(show) {
  35. this._show = show
  36. this._delegate && (this._delegate.show = this._show)
  37. }
  38. get show() {
  39. return this._show
  40. }
  41. get layerEvent() {
  42. return this._layerEvent
  43. }
  44. set attr(attr) {
  45. this._attr = attr
  46. }
  47. get attr() {
  48. return this._attr
  49. }
  50. get state() {
  51. return this._state
  52. }
  53. /**
  54. * The hook for added
  55. * @private
  56. */
  57. _addedHook() {}
  58. /**
  59. * The hook for removed
  60. * @private
  61. */
  62. _removedHook() {}
  63. /**
  64. * The layer added callback function
  65. * Subclasses need to be overridden
  66. * @param viewer
  67. * @private
  68. */
  69. _onAdd(viewer) {
  70. this._viewer = viewer
  71. if (!this._delegate) {
  72. return
  73. }
  74. if (this._delegate instanceof Cesium.PrimitiveCollection) {
  75. this._viewer.scene.primitives.add(this._delegate)
  76. } else {
  77. this._viewer.dataSources.add(this._delegate)
  78. }
  79. this._addedHook && this._addedHook()
  80. this._state = State.ADDED
  81. }
  82. /**
  83. * The layer added callback function
  84. * Subclasses need to be overridden
  85. * @private
  86. */
  87. _onRemove() {
  88. if (!this._delegate) {
  89. return
  90. }
  91. if (this._viewer) {
  92. this._cache = {}
  93. if (this._delegate instanceof Cesium.PrimitiveCollection) {
  94. this._delegate.removeAll()
  95. this._viewer.scene.primitives.remove(this._delegate)
  96. } else if (this._delegate.then) {
  97. this._delegate.then(dataSource => {
  98. dataSource.entities.removeAll()
  99. })
  100. this._viewer.dataSources.remove(this._delegate)
  101. } else {
  102. this._delegate.entities && this._delegate.entities.removeAll()
  103. this._viewer.dataSources.remove(this._delegate)
  104. }
  105. this._removedHook && this._removedHook()
  106. this._state = State.REMOVED
  107. }
  108. }
  109. /**
  110. * The layer add overlay
  111. * @param overlay
  112. * @private
  113. */
  114. _addOverlay(overlay) {
  115. if (
  116. overlay?.overlayEvent &&
  117. !this._cache.hasOwnProperty(overlay.overlayId)
  118. ) {
  119. this._cache[overlay.overlayId] = overlay
  120. this._delegate && overlay.overlayEvent.fire(OverlayEventType.ADD, this)
  121. if (this._state === State.CLEARED) {
  122. this._state = State.ADDED
  123. }
  124. }
  125. }
  126. /**
  127. * The layer remove overlay
  128. * @param overlay
  129. * @private
  130. */
  131. _removeOverlay(overlay) {
  132. if (
  133. overlay?.overlayEvent &&
  134. this._cache.hasOwnProperty(overlay.overlayId)
  135. ) {
  136. this._delegate && overlay.overlayEvent.fire(OverlayEventType.REMOVE, this)
  137. delete this._cache[overlay.overlayId]
  138. }
  139. }
  140. /**
  141. * Add overlay
  142. * @param overlay
  143. * @returns {Layer}
  144. */
  145. addOverlay(overlay) {
  146. this._addOverlay(overlay)
  147. return this
  148. }
  149. /**
  150. * Add overlays
  151. * @param overlays
  152. * @returns {Layer}
  153. */
  154. addOverlays(overlays) {
  155. if (Array.isArray(overlays)) {
  156. overlays.forEach(item => {
  157. this._addOverlay(item)
  158. })
  159. }
  160. return this
  161. }
  162. /**
  163. * Remove overlay
  164. * @param overlay
  165. * @returns {Layer}
  166. */
  167. removeOverlay(overlay) {
  168. this._removeOverlay(overlay)
  169. return this
  170. }
  171. /**
  172. * Returns the overlay by overlayId
  173. * @param overlayId
  174. * @returns {*|undefined}
  175. */
  176. getOverlay(overlayId) {
  177. return this._cache[overlayId] || undefined
  178. }
  179. /**
  180. * Returns the overlay by bid
  181. * @param id
  182. * @returns {any}
  183. */
  184. getOverlayById(id) {
  185. let overlay = undefined
  186. Object.keys(this._cache).forEach(key => {
  187. if (this._cache[key].id === id) {
  188. overlay = this._cache[key]
  189. }
  190. })
  191. return overlay
  192. }
  193. /**
  194. * Returns the overlays by attrName and AttrVal
  195. * @param attrName
  196. * @param attrVal
  197. * @returns {[]}
  198. */
  199. getOverlaysByAttr(attrName, attrVal) {
  200. let result = []
  201. this.eachOverlay(item => {
  202. if (item.attr[attrName] === attrVal) {
  203. result.push(item)
  204. }
  205. }, this)
  206. return result
  207. }
  208. /**
  209. * Iterate through each overlay and pass it as an argument to the callback function
  210. * @param method
  211. * @param context
  212. * @returns {Layer}
  213. */
  214. eachOverlay(method, context) {
  215. Object.keys(this._cache).forEach(key => {
  216. method && method.call(context || this, this._cache[key])
  217. })
  218. return this
  219. }
  220. /**
  221. * Returns all overlays
  222. * @returns {[]}
  223. */
  224. getOverlays() {
  225. let result = []
  226. Object.keys(this._cache).forEach(key => {
  227. result.push(this._cache[key])
  228. })
  229. return result
  230. }
  231. /**
  232. * Clears all overlays
  233. * Subclasses need to be overridden
  234. */
  235. clear() {}
  236. /**
  237. * Removes from the viewer
  238. */
  239. remove() {
  240. if (this._viewer) {
  241. this._viewer.removeLayer(this)
  242. }
  243. }
  244. /**
  245. * Adds to the viewer
  246. * @param viewer
  247. * @returns {Layer}
  248. */
  249. addTo(viewer) {
  250. if (viewer?.addLayer) {
  251. viewer.addLayer(this)
  252. }
  253. return this
  254. }
  255. /**
  256. * sets the style, the style will apply to every overlay of the layer
  257. * Subclasses need to be overridden
  258. * @param style
  259. */
  260. setStyle(style) {}
  261. /**
  262. * Registers Type
  263. * @param type
  264. */
  265. static registerType(type) {
  266. if (type) {
  267. LayerType[type.toLocaleUpperCase()] = type.toLocaleLowerCase()
  268. }
  269. }
  270. /**
  271. * Returns type
  272. * @param type
  273. * @returns {*|undefined}
  274. */
  275. static getLayerType(type) {
  276. return LayerType[type.toLocaleUpperCase()] || undefined
  277. }
  278. }
  279. export default Layer