Leaflet.js прозрачная вода / океан

Question

У меня есть карта LeafletJS с содержимым OpenStreetMap, я ищу способ сделать океан прозрачным, чтобы вы могли получить что-то вроде этого: https://codepen.io/verticalgrain/pen/LVRezx (но тогда для Leaflet вместо Google Maps).

HTML:

<div class="map-wrapper">
  <div id="map"></div>
</div>

CSS:

html,body {
  margin: 0;
}

.map-wrapper {
  background: url(http://placekitten.com/1500/1500) no-repeat 0 0;
  background-size: cover;
}

#map {
  width: 100%;
  height: 600px;
}

JavaScript:

var map = L.map('map', {
    center: [51.505, -0.09],
    zoom: 13
});

Это то, что можно сделать с помощью Leaflet;если да, то какой подход лучше?