ol.tilegrid.WMTS.WMTSTileGrid не является конструктором - PullRequest
Новая
       7

ol.tilegrid.WMTS.WMTSTileGrid не является конструктором

0 голосов
/ 28 августа 2018

Все примеры OL5 для NodeJS.

Для кода браузера я конвертирую import OSM from 'ol/source/OSM.js'; в ol.source.OSM(), import WMTS from 'ol/source/WMTS.js'; в ol.source.WMTS и т. Д.

Но создание WMTSTileGrid объекта не работает.

Я делаю - new ol.tilegrid.WMTS.WMTSTileGrid(.... но браузер скажет 

TypeError: ol.tilegrid.WMTS.WMTSTileGrid is not a constructor

Как создать WMTSTileGrid объект? Где я не прав?

мой код: 

var projection = new ol.proj.get('EPSG:3857');
var projectionExtent = projection.getExtent();
console.log(projectionExtent);
var size = ol.extent.getWidth(projectionExtent) / 256;
var resolutions = new Array(18);
var matrixIds = new Array(18);
for (var z = 0; z < 18; ++z) {
    // generate resolutions and matrixIds arrays for this WMTS
    resolutions[z] = size / Math.pow(2, z);
    matrixIds[z] = z;
}
;
var tileGrid = new ol.tilegrid.WMTS.WMTSTileGrid(
        {
            origin: ol.extent.getTopLeft(projectionExtent),
            resolutions: resolutions,
            matrixIds: matrixIds
        }
);

var layers = [
    new ol.layer.Tile({
        source: new ol.source.OSM()
    }),
    new ol.layer.Tile({
        source: new ol.source.WMTS({
            url: 'http://93.174.00.00:8080/geoserver/gwc/service/wmts',
            format: 'image/png',
            layer: "wrksp:rest_test_Mercator",
            projection: projection,
            tileGrid: tileGrid,
            style: 'default',
            wrapX: true,
            matrixSet: 'EPSG:900913'
        })
    })
];
var map = new ol.Map({
    layers: layers,
    target: 'map',
    view: new ol.View({
        center: [3830333, 7606624],
        zoom: 14
    })
});

1 Ответ

0 голосов
/ 29 августа 2018

Я решил проблему 

new ol.layer.Tile({
        source: new ol.source.WMTS({
            url: 'http://93.174.76.56:8080/geoserver/gwc/service/wmts',
            format: 'image/png',
            layer: "bigland:rest_test_Mercator",
            projection: projection,
            tileGrid: tileGrid,                
            wrapX: true,
            matrixSet: 'EPSG:900913'

        })
    })

и 

var projection = new ol.proj.get('EPSG:900913');
for (var z = 0; z < 18; ++z) {
        // generate resolutions and matrixIds arrays for this WMTS
        resolutions[z] = size / Math.pow(2, z);
        matrixIds[z] ='EPSG:900913:' + z;
        //matrixIds[z] = z;
    }
...