MapGIS Client for JavaScript API

import { LayerView } from '@mapgis/webclient-common'
import TDTLayerUtil from '../view/utils/TDTLayerUtil'

class TDTLayerView extends LayerView {
  /**
   * 添加图层视图
   * @param {LayerEvent} 图层事件
   * @return {Promise<LayerView>} 图层视图
   */
  onAdd(event) {
    const layer = this.layer
    const innerView = this.innerView
    this.innerLayer = TDTLayerUtil.addTDTLayer(layer, innerView)
    this.innerLayer.commonLayerId = layer.id
    return Promise.resolve(this)
  }

  /**
   * 移除图层视图
   * @param {LayerEvent} 图层事件
   * @return {Promise<LayerView>} 图层视图
   */
  onRemove(event) {
    this.innerView.removeLayer(this.innerLayer)
    return Promise.resolve(this)
  }

  /**
   * 更新图层视图
   * @param {LayerViewUpdateEvent} 图层事件
   * @return {Promise<LayerView>} 图层视图
   */
  onUpdate(event) {
    // 确保有updateContent
    if (event.updateContent) {
      for (let i = 0; i < event.updateContent.length; i++) {
        const updateContent = event.updateContent[i]
        // 有updateContent
        if (updateContent) {
          switch (updateContent.name) {
            // 更新主图层可见性
            case 'visible':
              // 如果记录了上一次的透明度
              if (this.layer.hasOwnProperty('lastOpacity')) {
                this.innerLayer.setOpacity(
                  this.layer.visible ? this.layer.lastOpacity : 0
                )
              } else {
                this.innerLayer.setOpacity(
                  this.layer.visible ? this.layer.opacity : 0
                )
              }
              // 记录上次的透明度
              this.layer.lastOpacity = this.layer.opacity
              break
            // 更新透明度
            case 'opacity':
              this.innerLayer.setOpacity(this.layer.opacity)
              break
            case 'layerType':
              this.innerView.removeLayer(this.innerLayer)
              this.innerLayer = TDTLayerUtil.addTDTLayer(
                this.layer,
                this.innerView
              )
              break
            default:
              break
          }
        }
      }
    }
    return Promise.resolve(this)
  }
}
export default TDTLayerView