Проблема с рендерингом источника тайлового вектора с использованием системы координат RGF93/Lambert-93 -- France

jsFiddle приведен здесь: здесь

Я новичок в Open Layers 6, и я пытаюсь отобразить данные векторных листов на карте, более или менее основываясь на примере, приведенном в мастерской Open Layers.

URL-адрес источника векторных листов, указанный в приведенном выше примере кода, не работал, поэтому я использую источник векторных листов, описанный на этой странице . Там я прочитал, что источник определяется с использованием системы координат RGF93 / Lambert-93 (EPSG:2154), а затем с помощью Google я нашел определение и границы этой системы координат на этой странице.

В следующем коде я использую определение проекции и проецируемые границы из этой последней ссылки.

Несмотря на то, что данные отображаются на карте, они появляются только в самой дальней левой части экрана и только при уровне масштабирования 2, как показано ниже:

Если я изменяю уровень масштабирования, на экране ничего не отображается.

Код приведен ниже (см. также ссылку на JsFiddle выше):

/*
 * Provenance:
 * 
 *     https://cloud.maptiler.com/tiles/v3-2154/
 *     https://epsg.io/2154
 *
 */
const EPSG_2154 = 'EPSG:2154';

proj4.defs(EPSG_2154
           , "+proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs");
ol.proj.proj4.register(proj4);





const proj = ol.proj.get(EPSG_2154);
proj.setExtent([-378305.81, 6093283.21, 1212610.74, 7186901.68]);
const extent = proj.getExtent();

console.info('extent is: ', extent);




const key = '7A1r9pfPUNpumR1hzV0k';
const layer = new ol.layer.VectorTile({
    source: new ol.source.VectorTile({
        attributions: [
            '<a href = "https://www.maptiler.com/copyright/" target = "_blank">&copy; MapTiler</a> <a href = "https://www.openstreetmap.org/copyright" target = "_blank">&copy; OpenStreetMap contributors</a>'
        ],
        /*
         *    It is important that the Vector Tile Source projection be explicitly declared and
         *    be the same as the view projection, otherwise you get:
         *
         *        https://github.com/openlayers/openlayers/issues/11429
         *
         */
        projection: EPSG_2154,
        format: new ol.format.MVT(),
        url: `https://api.maptiler.com/tiles/v3-2154/{z}/{x}/{y}.pbf?key=${key}`,
        maxZoom: 14
    })
});

const center = ol.extent.getCenter(extent);
console.info('center is: ', center);
const map = new ol.Map({
    target: 'map-container',
    view: new ol.View({
        projection: EPSG_2154,
        center,
        zoom: 2
    })
});

map.addLayer(layer);

Мои вопросы:

1. почему Франция не нанесена прямо в центр карты, учитывая, что я использую точные «проекционные границы», как определено здесь, и устанавливаю их в проекции, используя setExtent, и учитывая, что я также использую ol.extent.getCenter для получения центра ?
2. почему данные появляются только на уровне масштабирования 2 и полностью исчезают на уровнях масштабирования 1 или 3?
3. что я должен сделать, чтобы карта Франции была хорошо центрирована и увеличена в середине карты?