angularjs - 配置openseamap瓦片层

Question

我正在通过 angular-leaflet-directive 将 Leaflet 与 AngularJS 一起使用，并且我想配置 openseamap 平铺层。

我怎样才能做到这一点？

我试图用 opensea 地图替换 openstreetmap URL，但它不起作用。

 layers: {
          baselayers: {
              osm: {
                  name: 'openSeaMap',
                  url: 'http://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',
                  type: 'xyz'
              }
          }
      },

控制台错误信息：

main.js:17 [AngularJS - Leaflet] 层必须定义有效类型。