根据配置同时把一个地图组件多次加载，并实现不通的数据打点。

问题遇到的现象和发生背景

   老师您好，我在一个需求中需要去根据配置去在一个页面中去平铺上不定量的arcgis的小窗口。但其实这些小窗后是一个组件，但会去根据引用的次数和不同的数据去打点，但是现在，div上如果是一个固定id的话那就始终是只显示一个的窗口，其他的加载不成功地图。如果是动态id的话初始化都成功但是打点就只有一个是成功的其他的就只是初始化成功了。因为没遇见这种问题。所以想请教下大佬有什么相关实例，或者方法能解决么？

用代码块功能插入代码，请勿粘贴截图

1、固定id
<div style={{ width: "100%", height: "100vh" }} id="single_customer_monitor_map">div>
2、随机动态id
 const id = useState(() => 'single_customer_monitor_map' + globalIdIndex++);
 return <div style={{ width: "100%", height: "100vh" }} id={id[0]}>div>;
3、每次生成新的id
var newDiv = document.createElement("div");
document.getElementsByClassName('single_customer_monitor_map')[0].appendChild(newDiv);
newDiv.setAttribute("id", id[0]);     
<div style={{ width: "100%", height: "100vh" }} className="single_customer_monitor_map">div>

运行结果及报错内容

   用一个固定的id就会只加载出一个地图，其他的不显示直接白了，如果用动态id的话地图都可以初始化成功但是数据只加载一组

我的解答思路和尝试过的方法

    比如动态id，比如每次都创建一新的id去初始化但是都是只加载一个或者都加载但是数据只显示一组

我想要达到的结果

    根据配置能初始化多个地图，然后每个地图根据配置的数据去做相应的打点

感觉你是想使用arcgis的map组件啊，针对地图应用，是不是可以换个思路，比如把map初始化好，然后把其它数据当做图层，通过通过图层来达到控制数据加载的效果，欢迎交流