/**
 * 动态效果封装
 */
class AnimalService {
  constructor (config) {
    this.intervals = [] // 定时器列表
    // todo 这种情况一般用 window级的L、map还是传递呢
    this.L = config.L
    this.layer = window.map
    this.times = config.times || 5
    this.colors = ['#98FB98', '#ff0000']
  }

  /**
   * 脉冲效果
   */
  pulseEffect (xy) {
    // 插件 效果实现
    var pulsingIcon = this.L.icon.pulse({
      iconSize: [20, 20],
      color: this.colors[0],
      fillColor: ''
    })
    var picGroupMarker = this.L.marker(xy, { icon: pulsingIcon }).addTo(this.layer)
    var times = this.times
    // 定时
    var timeInterval = setInterval(() => {
      if (times > 0) {
        times--
      } else {
        clearInterval(timeInterval)
        picGroupMarker.remove()
      }
    }, 1000)
  }

  /**
   * 设置弹窗平移位置
   * @param pos
   * @param value
   */
  setPanTo = (pos, value) => {
    var position = pos
    position = this.layer.latLngToLayerPoint(position)
    position.y += value
    position = this.layer.layerPointToLatLng(position)
    this.layer.flyTo(position)
  }
}

export default AnimalService