添加DeckGL图层后ReactMapGL的Marker无法交互的问题求助

各位技术大佬们，我最近在项目里碰到个头疼的问题，想请大家支支招：

我在项目里用ReactMapGL来展示地图，还搭配了自定义HTML的Marker组件，之前这套逻辑跑起来完全没问题。但自从我引入DeckGL的图层之后，原来的Marker突然就没法响应交互了——看起来是DeckGL的图层直接盖在了ReactMapGL的地图上面，把所有的点击、hover之类的交互事件都给拦截了，导致Marker完全点不动。

我现在的核心需求是：

• 希望能把DeckGL的图层放在ReactMapGL的Marker下方，这样Marker就能正常接收交互事件
• 不想大改现有的Marker逻辑，这套自定义HTML的渲染逻辑已经打磨得很完善了，不想动它
• 也不想换成DeckGL的IconLayer，它的交互灵活性完全满足不了我的需求

下面是我目前用到的代码片段（部分内容被截断）：

import React, { useState, useRef } from "react";
import ReactMapGL, { Marker, Source, Layer } from "react-map-gl";
import DeckGL from "@deck.gl/react";
import { TripsLayer } from "@deck.gl/geo-layers";
import { AmbientLight, PointLight, LightingEffect } from "@deck.gl/core";

备注：内容来源于stack exchange，提问作者Vacar Amin