配置openseamap Tile Layer

Question

我通过angular-leaflet-directive使用Leaflet和AngularJS，我想配置openseamap Tile Layer。

我该怎么做？

我尝试用opensea地图替换openstreetmap网址，但它没有用。

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

控制台错误消息：

  

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