Как закрыть все всплывающие окна программно в mapbox gl?

Question

Итак, я знаю, что у нас есть Marker.togglePopup() в Mapbox GL Api. Но можно ли программно закрыть все всплывающие окна?

Answer 1

Ниже приведен пример: https://jsfiddle.net/kmandov/eozdazdr/
Нажмите кнопки в правом верхнем углу, чтобы открыть/закрыть всплывающее окно.

Учитывая у вас есть всплывающее окно и маркер:

var popup = new mapboxgl.Popup({offset:[0, -30]}) 
    .setText('Construction on the Washington Monument began in 1848.'); 

new mapboxgl.Marker(el, {offset:[-25, -25]}) 
    .setLngLat(monument) 
    .setPopup(popup) 
    .addTo(map); 

Вы можете закрыть всплывающее окно с помощью вызова:

popup.remove(); 

или вы можете открыть его по телефону:

popup.addTo(map); 

Как вы можете видеть в Marker source, togglePopup использует эти два метода внутри:

togglePopup() { 
    var popup = this._popup; 

    if (!popup) return; 
    else if (popup.isOpen()) popup.remove(); 
    else popup.addTo(this._map); 
}