Cargando el nivel de zoom del azulejo 20

Question

Tengo azulejo local también 20 nivel. He descubierto que el nivel de azulejos OSM 20 no se carga.

código del mapa:

map = new ol.Map({
 target:'map',
 renderer:'canvas',
 view: new ol.View({
    projection: 'EPSG:3857',
    center:[2577400.0, 7007400.0],
    extent:[2567000.5, 7000400.5, 2588377.0, 7014361.0],
    minZoom: 13, maxZoom: 20, zoom:14 })]
  })
}); 

y mi código osmLayer:

var osmLayer = new ol.layer.Tile({
       source: new ol.source.OSM({
       url: '../mapy/a_tiles/{z}/{x}/{y}.png'
 })
});

¿Hay algún problema con el nivel 20 de OSM? En el navegador devTools tengo:

Request URL:http://server/mapy/a_tiles/19/295869/170467.png
Request Method:GET
Status Code:200 OK

a pesar de que acabo de cargar el nivel 20 ...

¿Alguien tiene alguna solución, alguna idea?

Vista de zoom de 20 niveles:

Vista de zoom de 19 niveles:

Answer 1

El ol.source.OSM() tiene un opción de maxZoom por defecto de 19 . Si quieres utilizar el nivel de zoom 20, tendrás que indicarlo explícitamente en la definición de tu capa OSM.

En tu caso tendrías que cambiar esto

var osmLayer = new ol.layer.Tile({
  source: new ol.source.OSM({
    url: '../mapy/a_tiles/{z}/{x}/{y}.png'
  })
});

a esto:

var osmLayer = new ol.layer.Tile({
  source: new ol.source.OSM({
    maxZoom: 20,
    url: '../mapy/a_tiles/{z}/{x}/{y}.png'
  })
});