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

Question

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

我使用了以下代码

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

这会在标记的底部显示弹出窗口。但我想在页面底部中间显示弹出窗口

Answer 1

弹出窗口更适合在某些lat / lng附加到地图上，如果你想根据点击触发显示/隐藏的东西，我会创建一个单独的div然后适当地显示/隐藏它并设置它的文本根据需要。

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

对于“显示或隐藏你的div”部分，你可以参考： How can I hide/show a div when a button is clicked?