单击MapboxGL标记时，如何在页面底部中间显示弹出窗口？

我想在单击标记时在页面的中间底部显示一个弹出窗口

我使用了以下代码

 new mapboxgl.Popup({ anchor: 'top' })

---

这将显示标记底部的弹出窗口。但是我想在页面的中间底部显示弹出窗口，弹出窗口更多的是用于在某个lat/lng处附加到地图，如果您想在单击的基础上触发显示/隐藏的内容，我会创建一个单独的div，然后适当地显示/隐藏它，并根据需要设置它的文本

map.on('click', 'mylayer', function (e) { 
  // show or hide your div
  // feature that was clicked would be e.features[0]
} );

对于“显示或隐藏您的div”部分，您可以参考：