在 Mapbox gl 中添加固定正方形？
Adding a fixed square in Mapbox gl?
我知道可以通过在 Mapbox gl 中添加 geojson 源来添加线、点或多边形，这些将通过坐标定位在地图上。然而，我想要做的是添加一个简单的多边形，它会固定在 canvas 上，并且会保持在 canvas 的相同位置 - 而不是地球 - 即使用户平移或缩放。
（请注意，我知道这可以通过在 zoom/pan 上重置初始 geojson 的数据来实现，但数字会出现故障）。
我会很感激任何想法，谢谢。
如果您只想要一个不会移动的框，为什么要在 WebGL 中绘制？只需制作 div 并使用 CSS?
定位
example on this page 有 2 个基于 div 的矩形。一个说“美国人口密度”，另一个是传说。
如果鼠标悬停在它们上面，它们就会阻止滚动。
如果我右键单击其中一个并选择 "inspect"，我会看到它有一个 "map-overlay" CSS class。如果我突然添加 pointer-events: none 我可以滚动
我知道可以通过在 Mapbox gl 中添加 geojson 源来添加线、点或多边形，这些将通过坐标定位在地图上。然而，我想要做的是添加一个简单的多边形，它会固定在 canvas 上，并且会保持在 canvas 的相同位置 - 而不是地球 - 即使用户平移或缩放。
（请注意，我知道这可以通过在 zoom/pan 上重置初始 geojson 的数据来实现，但数字会出现故障）。
我会很感激任何想法，谢谢。
如果您只想要一个不会移动的框，为什么要在 WebGL 中绘制？只需制作 div 并使用 CSS?
定位example on this page 有 2 个基于 div 的矩形。一个说“美国人口密度”，另一个是传说。
如果鼠标悬停在它们上面，它们就会阻止滚动。
如果我右键单击其中一个并选择 "inspect"，我会看到它有一个 "map-overlay" CSS class。如果我突然添加 pointer-events: none 我可以滚动