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出现如下界面效果,
而我们通常见到的效果如下:
不知道是什么原因,或者是测试时遗留下来的bug,作为一个完美主义者,必须搞定,增加一行css控制即可(其实在popup显示时使用了focus聚焦关闭按钮)。
- .mapboxgl-popup-close-button {
- outline:none !important;
- }