mapbox & deckgl:Layer with id “xxx“ already exists on this map

---

前言

今天基于mapbox-gl进行二开时封装了deck-gl中的图层，却导致了预计外的bug，明明在图层未添加时仍会报错：Layer with id "xxx already exists on this map，特此记录下这个问题。

---

问题描述

在引入依赖之前一切是正常的，在初始化地图时一切正常加载，但是在封装deck-gl中的图层后，地图第一次加载却一直提示Layer with id "xxx already exists on this ma，但是明明我还没有初始化图层。

在引入以下依赖后报错：

解决方法

到网上搜了下没有搜到正确的解决方法，但是官网上确实有过人提过这个问题：https://github.com/visgl/deck.gl/issues/3450，上面建议使用在地图load后添加图层，这个方法虽然没有直接解决我的问题，但是却告诉了我问题的原因：deck-gl的mapboxLayer在某些情况会导致图层重复添加，所以我们可以加个判断：

  if (isMapboxLayer(layer)) {
     !this.map?.getLayer(layer.id)) 
      &&
      this.map?.addLayer(layer.id);
    }

目的达成，不会再报错了。