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

Question

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

我用过下面的代码

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

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

Answer 1

弹出窗口更适合在某些 lat/lng 处附加到地图，如果您想根据点击触发 show/hide 的内容，我会创建一个单独的 div 然后 show/hide 适当地设置它的文本。

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

"show or hide your div"部分可以参考： How can I hide/show a div when a button is clicked?

How can I show the popup on bottom middle of the page when clicking MapboxGL marker?