1.官方示例
var popup = new mapboxgl.Popup().addTo(map);
popup.remove();很明显，需要记录popup对象，管理起来比较麻烦。
2.本人采用div的方式关闭所有的popup，在map对象上新增加方法
map.closePopup=mapView.popupClear = function(){
$(".mapboxgl-popup").remove();
}调用的时候，使用map.closePopup() 或者 map.popupClear
3.最近使用mapbox-gl新版本，发现popup出现如下界面效果，
而我们通常见到的效果如下：
文章来源：https://www.toymoban.com/news/detail-693181.html
不知道是什么原因，或者是测试时遗留下来的bug，作为一个完美主义者，必须搞定，增加一行css控制即可（其实在popup显示时使用了focus聚焦关闭按钮）。文章来源地址https://www.toymoban.com/news/detail-693181.html
.mapboxgl-popup-close-button {
outline:none !important;
}到了这里，关于Mapbox-gl 关闭所有Popup，以及关闭按钮出现黑色边框bug的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
