38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
import Map from '../src/ol/Map.js';
|
|
import View from '../src/ol/View.js';
|
|
import _ol_format_WMTSCapabilities_ from '../src/ol/format/WMTSCapabilities.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import _ol_source_OSM_ from '../src/ol/source/OSM.js';
|
|
import _ol_source_WMTS_ from '../src/ol/source/WMTS.js';
|
|
|
|
var parser = new _ol_format_WMTSCapabilities_();
|
|
var map;
|
|
|
|
fetch('data/WMTSCapabilities.xml').then(function(response) {
|
|
return response.text();
|
|
}).then(function(text) {
|
|
var result = parser.read(text);
|
|
var options = _ol_source_WMTS_.optionsFromCapabilities(result, {
|
|
layer: 'layer-7328',
|
|
matrixSet: 'EPSG:3857'
|
|
});
|
|
|
|
map = new Map({
|
|
layers: [
|
|
new TileLayer({
|
|
source: new _ol_source_OSM_(),
|
|
opacity: 0.7
|
|
}),
|
|
new TileLayer({
|
|
opacity: 1,
|
|
source: new _ol_source_WMTS_(/** @type {!olx.source.WMTSOptions} */ (options))
|
|
})
|
|
],
|
|
target: 'map',
|
|
view: new View({
|
|
center: [19412406.33, -5050500.21],
|
|
zoom: 5
|
|
})
|
|
});
|
|
});
|