как я могу показать границы карты поверх листовки с растровым изображением. js

Question

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

мой код:

var imageUrl = 'img/ghi.png',
imageBounds = [

  [35.9192779027420031,-0.9974060002210017],
  [20.7695820002080040,-17.1054160000000017]
];

L.imageOverlay(imageUrl, imageBounds,{opacity: .9}).bringToFront().addTo(map);