Как я могу открыть несколько всплывающих окон на листовой карте, когда страница загружена

Question

У меня есть два разных местоположения на одной карте Leaflet, и поэтому у меня есть два всплывающих окна, и я могу держать всплывающее окно одного маркера открытым, когда страница загружается / перезагружается, но мне нужно также открыть всплывающее окно другого маркера. Одно всплывающее окно (// открытое всплывающее окно // ниже) открыто, но другое не открыто. Когда я нажал один, другое всплывающее окно уже закрывается. Как мне решить эту проблему?

Вот мой код для всплывающего окна:

    for ( var i=0; i < markers.length; ++i )
  {
   L.marker( [markers[i].lat, markers[i].lng], {icon: myIcon} )
   .bindPopup( '<a href="' + markers[i].url + '" target="_blank">' + markers[i].name + '</a>' )
   .addTo( map );
  }

, а также:

for ( var i=0; i < markers.length; ++i ) 
{
    L.marker([33.8627536, -84.4806966]).addTo(map)
        .bindPopup(content)
        .openPopup(map);

    L.marker([38.336618, 27.1298803]).addTo(map) //(open popup)//
        .bindPopup(content)
        .openPopup(map);
}

Все js:

    var map = L.map( 'map', {
    center: [20.0, 5.0],
    minZoom: 2,
    zoom: 3,
    touchZoom: Boolean,
    scrollWheelZoom: false

  })

  L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',
    subdomains: ['a', 'b', 'c']
  }).addTo( map )

  var myURL = jQuery( 'script[src$="leaf-demo.js"]' ).attr( 'src' ).replace( 'leaf-demo.js', '' )

  var myIcon = L.icon({
    iconUrl: myURL + '../maps/images/pin24.png',
    iconRetinaUrl: myURL + '../maps/images/pin48.png',
    iconSize: [29, 24],
    iconAnchor: [9, 21],
    popupAnchor: [0, -14]
  })

  for ( var i=0; i < markers.length; ++i )
  {
   L.marker( [markers[i].lat, markers[i].lng], {icon: myIcon} )
   .bindPopup( '<a href="' + markers[i].url + '" target="_blank">' + markers[i].name + '</a>' )
   .addTo( map );
  }

Спасибо.