javascript - 在 Mapbox gl 中添加固定方 block ？

Question

我知道可以通过在 Mapbox gl 中添加 geojson 源来添加线、点或多边形，这些将通过坐标位于 map 上。然而，我想做的是添加一个简单的多边形，该多边形将固定在 Canvas 上，并且即使用户平移或缩放，它也会保持在 Canvas 的相同位置(而不是地球仪)。

(请注意，我知道这可以通过在缩放/平移时重置初始 geojson 的数据来实现，但数字会出现故障)。

如果有任何想法，我将不胜感激，谢谢。

Answer 1

如果你只想要一个不会移动的盒子，为什么要在 WebGL 中绘制？只需使用 CSS 制作一个 div 和位置？

example on this page有 2 个基于 div 的矩形。一个是“美国人口密度”，另一个是传说。

如果鼠标位于它们上方，它们会阻止滚动。

如果我右键单击一个并选择“检查”，我会看到它有一个“map-overlay”CSS 类。如果我突然添加 pointer-events: none ，我就可以滚动