var tileGrid: ol.tilegrid.TileGrid = ol.tilegrid.createXYZ({
            maxZoom: 19
        });

        var vectorSource = new ol.source.Vector({
            format: new ol.format.MVT({
                featureClass: <any>ol.Feature
            }),
            url: function (extent, resolution) {
                var tileCoord = tileGrid.getTileCoordForCoordAndResolution(ol.extent.getCenter(extent), resolution);
                var tileUrl = cadastralTileURL +
                    tileCoord[0].toString() + '/' +
                    tileCoord[1].toString() + '/' +
                    (-tileCoord[2]).toString() + '.pbf';
                return tileUrl;
            },
            strategy: ol.loadingstrategy.tile(tileGrid),
            });

        var vectorLayer: ol.layer.Vector = new ol.layer.Vector({
            source: vectorSource,
            style: this.GetCadastralStyleFunction
        });

        var initCenter: [number, number] = ol.proj.fromLonLat([116, -32]);
        var viewOptions: olx.ViewOptions = <olx.ViewOptions>{
            center: initCenter,
            minZoom: 6,
            maxZoom: 22,
            zoom: 16
        };

        var view: ol.View = new ol.View(viewOptions);
        this.map = new ol.Map({
            layers: [vectorLayer],
            target: 'map',
            view: view
        });