Make code prettier
This updates ESLint and our shared eslint-config-openlayers to use Prettier. Most formatting changes were automatically applied with this:
npm run lint -- --fix
A few manual changes were required:
* In `examples/offscreen-canvas.js`, the `//eslint-disable-line` comment needed to be moved to the appropriate line to disable the error about the `'worker-loader!./offscreen-canvas.worker.js'` import.
* In `examples/webpack/exapmle-builder.js`, spaces could not be added after a couple `function`s for some reason. While editing this, I reworked `ExampleBuilder` to be a class.
* In `src/ol/format/WMSGetFeatureInfo.js`, the `// @ts-ignore` comment needed to be moved down one line so it applied to the `parsersNS` argument.
This commit is contained in:
@@ -1,12 +1,11 @@
|
||||
import Map from '../src/ol/Map.js';
|
||||
import View from '../src/ol/View.js';
|
||||
import {getWidth, getTopLeft} from '../src/ol/extent.js';
|
||||
import TileLayer from '../src/ol/layer/Tile.js';
|
||||
import {get as getProjection} from '../src/ol/proj.js';
|
||||
import OSM from '../src/ol/source/OSM.js';
|
||||
import TileLayer from '../src/ol/layer/Tile.js';
|
||||
import View from '../src/ol/View.js';
|
||||
import WMTS from '../src/ol/source/WMTS.js';
|
||||
import WMTSTileGrid from '../src/ol/tilegrid/WMTS.js';
|
||||
|
||||
import {get as getProjection} from '../src/ol/proj.js';
|
||||
import {getTopLeft, getWidth} from '../src/ol/extent.js';
|
||||
|
||||
// create the WMTS tile grid in the google projection
|
||||
const projection = getProjection('EPSG:3857');
|
||||
@@ -21,7 +20,7 @@ for (let i = 0; i <= 14; i++) {
|
||||
const tileGrid = new WMTSTileGrid({
|
||||
origin: getTopLeft(projection.getExtent()),
|
||||
resolutions: resolutions,
|
||||
matrixIds: matrixIds
|
||||
matrixIds: matrixIds,
|
||||
});
|
||||
|
||||
const scalgoToken = 'CC5BF28A7D96B320C7DFBFD1236B5BEB';
|
||||
@@ -34,13 +33,13 @@ const wmtsSource = new WMTS({
|
||||
attributions: [
|
||||
'<a href="http://scalgo.com">SCALGO</a>',
|
||||
'<a href="https://cgiarcsi.community/data/' +
|
||||
'srtm-90m-digital-elevation-database-v4-1">CGIAR-CSI SRTM</a>'
|
||||
'srtm-90m-digital-elevation-database-v4-1">CGIAR-CSI SRTM</a>',
|
||||
],
|
||||
tileGrid: tileGrid,
|
||||
style: 'default',
|
||||
dimensions: {
|
||||
'threshold': 100
|
||||
}
|
||||
'threshold': 100,
|
||||
},
|
||||
});
|
||||
|
||||
const map = new Map({
|
||||
@@ -48,26 +47,26 @@ const map = new Map({
|
||||
view: new View({
|
||||
projection: projection,
|
||||
center: [-9871995, 3566245],
|
||||
zoom: 6
|
||||
zoom: 6,
|
||||
}),
|
||||
layers: [
|
||||
new TileLayer({
|
||||
source: new OSM()
|
||||
source: new OSM(),
|
||||
}),
|
||||
new TileLayer({
|
||||
opacity: 0.5,
|
||||
source: wmtsSource
|
||||
})
|
||||
]
|
||||
source: wmtsSource,
|
||||
}),
|
||||
],
|
||||
});
|
||||
|
||||
const updateSourceDimension = function(source, sliderVal) {
|
||||
const updateSourceDimension = function (source, sliderVal) {
|
||||
source.updateDimensions({'threshold': sliderVal});
|
||||
document.getElementById('theinfo').innerHTML = sliderVal + ' meters';
|
||||
};
|
||||
|
||||
updateSourceDimension(wmtsSource, 10);
|
||||
|
||||
document.getElementById('slider').addEventListener('input', function() {
|
||||
document.getElementById('slider').addEventListener('input', function () {
|
||||
updateSourceDimension(wmtsSource, this.value);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user