如何在我的情况下提高传单标记器的性能

Question

我正在使用传单和mapbox。

我也在stackoverflow上标记google-maps，情况可能也一样，或者人们可能知道这一点。我知道有很多有相同问题的stackoverflow链接，但是我仍然决定放下我的，以便您建议的解决方案适用于我发布的用例。

谢谢。

这是我需要的：

1. 我应该能够放置自己的图标，而不是常规标记。

2. 单击图标（也是一个标记）应该有一个事件

3. 我应该能够移动标记

4. i应该能够使用标记重叠的spidifier，这意味着 同一纬度/经度上有10个标记，应该只出现1个 标记，但单击它应显示10条带线的标记
   已连接。

这是我要做的事情

1. 我使用L.Marker生成标记，因为它具有以下选项 “图标”通过。 （CircleMarker）没有。

2. 要生成标记的描述弹出窗口，请在 我在其中创建标记的for-each循环。内容是一些html。

这是我为for-each循环中的每个标记添加的代码。

marker.render = () => {
   let parentDiv = document.createElement('div');
   parentDiv.innerHTML = content;
   parentDiv.getElementsByClassName('openLocationClass')[0].onclick = () => openMarkerLocationPopupFunc(marker, data.workorder_id)
   if (showInstructions) parentDiv.getElementsByClassName('showInstructionsClass')[0].onclick = () => openShowInstructionPopupFunc(data.workorder_id)
   return parentDiv;
}

我的问题：

即使是1500个标记，显示标记也非常慢，浏览器陷入地狱，无法显示所有1500个标记。所以基本上性能太低了。想知道可能是什么原因？我甚至可能需要超过10000个标记来显示。我什至不想想象它在10000个标记上的表现。

您可以建议我做什么？预先感谢。

我真的很困。