Use tiles basemaps

Question

I have a problem with the configurable basemaps other than the few predefined basemaps.

 

For example, if we want to use

https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png .

 

I try to do the JS:

map.setStyle({

language: 'fr',

style: 'blank'

});

 

map.layers.add(new atlas.layer.TileLayer({

tileUrl: 'https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png',

opacity: 0.8,

tileSize: 256,

minSourceZoom: 7,

maxSourceZoom: 17

}), 'labels');

 

But it doesn't work!

Answer 1

I just tested the code you provided. It does work. The issue is that the open sea map tiles are not good as a basemap. They are very empty and don't include a background/base map, they only have the additional "sea" overlay data.

So you will either want to set the map style to something other than "blank", or add another tile layer below the open sea map tile layer.