1 | goog.require('ol.Map');
|
2 | goog.require('ol.View');
|
3 | goog.require('ol.format.WMTSCapabilities');
|
4 | goog.require('ol.layer.Tile');
|
5 | goog.require('ol.source.OSM');
|
6 | goog.require('ol.source.WMTS');
|
7 |
|
8 | var parser = new ol.format.WMTSCapabilities();
|
9 | var map;
|
10 |
|
11 | fetch('data/WMTSCapabilities.xml').then(function(response) {
|
12 | return response.text();
|
13 | }).then(function(text) {
|
14 | var result = parser.read(text);
|
15 | var options = ol.source.WMTS.optionsFromCapabilities(result, {
|
16 | layer: 'layer-7328',
|
17 | matrixSet: 'EPSG:3857'
|
18 | });
|
19 |
|
20 | map = new ol.Map({
|
21 | layers: [
|
22 | new ol.layer.Tile({
|
23 | source: new ol.source.OSM(),
|
24 | opacity: 0.7
|
25 | }),
|
26 | new ol.layer.Tile({
|
27 | opacity: 1,
|
28 | source: new ol.source.WMTS( (options))
|
29 | })
|
30 | ],
|
31 | target: 'map',
|
32 | view: new ol.View({
|
33 | center: [19412406.33, -5050500.21],
|
34 | zoom: 5
|
35 | })
|
36 | });
|
37 | });
|