Leaflet.js透明水/海洋

Question

我有一个带有OpenStreetMap内容的LeafletJS地图，我正在寻找一种使海洋透明的方法，因此您可以使用类似以下内容的方法：https://codepen.io/verticalgrain/pen/LVRezx（但是对于Leaflet而不是Google Maps）。 / p>

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完成吗？如果是这样，最好的方法是什么？