Как я могу добавить одну и ту же карту в другой div, не переписывая весь код? есть ли «чище код»

Question

Я работаю над картографическим приложением и в качестве дизайна хочу показать 4 разных типа карт на первой странице. Карты имеют одинаковую площадь, но разных типов (растительный покров, изменение покрытия, плотность, изменение плотности). Я знаю, как загрузить карту листовки. Мне было просто интересно, что, поскольку единственное различие заключается в другом div, можно ли написать вызов карты только один раз и загрузить его несколько раз в разные div?

HTML-код

<div id="i_cover"></div>
<div id="i_coverchange"></div>

Javascript

    var i_cover = L.map('i_cover',{
    zoomControl: false,
    }).setView([24.2, 67.6], 8);

   var i_coverchange = L.map('i_coverchange',{
    zoomControl: false,
    }).setView([24.2, 67.6], 8);


    var cover = 
   L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
                attribution: '&copy; <a 
    href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; 
      <a href="https://carto.com/attributions">CARTO</a>',
      })
     var coverchange = 

  L.tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
                attribution: '&copy; <a 
 href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a 
 href="https://carto.com/attributions">CARTO</a>',
 })

 cover.addTo(i_cover);
 coverchange.addTo(i_coverchange);

Можно ли написать тайлер и код l.map только один раз для нескольких делений?