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,21 +1,21 @@
|
||||
import Map from '../src/ol/Map.js';
|
||||
import View from '../src/ol/View.js';
|
||||
import {click, pointerMove, altKeyOnly} from '../src/ol/events/condition.js';
|
||||
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
||||
import Select from '../src/ol/interaction/Select.js';
|
||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
||||
import Map from '../src/ol/Map.js';
|
||||
import OSM from '../src/ol/source/OSM.js';
|
||||
import Select from '../src/ol/interaction/Select.js';
|
||||
import VectorSource from '../src/ol/source/Vector.js';
|
||||
import View from '../src/ol/View.js';
|
||||
import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
|
||||
import {altKeyOnly, click, pointerMove} from '../src/ol/events/condition.js';
|
||||
|
||||
const raster = new TileLayer({
|
||||
source: new OSM()
|
||||
source: new OSM(),
|
||||
});
|
||||
|
||||
const vector = new VectorLayer({
|
||||
source: new VectorSource({
|
||||
url: 'data/geojson/countries.geojson',
|
||||
format: new GeoJSON()
|
||||
})
|
||||
format: new GeoJSON(),
|
||||
}),
|
||||
});
|
||||
|
||||
const map = new Map({
|
||||
@@ -23,8 +23,8 @@ const map = new Map({
|
||||
target: 'map',
|
||||
view: new View({
|
||||
center: [0, 0],
|
||||
zoom: 2
|
||||
})
|
||||
zoom: 2,
|
||||
}),
|
||||
});
|
||||
|
||||
let select = null; // ref to currently selected interaction
|
||||
@@ -34,23 +34,23 @@ const selectSingleClick = new Select();
|
||||
|
||||
// select interaction working on "click"
|
||||
const selectClick = new Select({
|
||||
condition: click
|
||||
condition: click,
|
||||
});
|
||||
|
||||
// select interaction working on "pointermove"
|
||||
const selectPointerMove = new Select({
|
||||
condition: pointerMove
|
||||
condition: pointerMove,
|
||||
});
|
||||
|
||||
const selectAltClick = new Select({
|
||||
condition: function(mapBrowserEvent) {
|
||||
condition: function (mapBrowserEvent) {
|
||||
return click(mapBrowserEvent) && altKeyOnly(mapBrowserEvent);
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
const selectElement = document.getElementById('type');
|
||||
|
||||
const changeInteraction = function() {
|
||||
const changeInteraction = function () {
|
||||
if (select !== null) {
|
||||
map.removeInteraction(select);
|
||||
}
|
||||
@@ -68,16 +68,19 @@ const changeInteraction = function() {
|
||||
}
|
||||
if (select !== null) {
|
||||
map.addInteraction(select);
|
||||
select.on('select', function(e) {
|
||||
document.getElementById('status').innerHTML = ' ' +
|
||||
e.target.getFeatures().getLength() +
|
||||
' selected features (last operation selected ' + e.selected.length +
|
||||
' and deselected ' + e.deselected.length + ' features)';
|
||||
select.on('select', function (e) {
|
||||
document.getElementById('status').innerHTML =
|
||||
' ' +
|
||||
e.target.getFeatures().getLength() +
|
||||
' selected features (last operation selected ' +
|
||||
e.selected.length +
|
||||
' and deselected ' +
|
||||
e.deselected.length +
|
||||
' features)';
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* onchange callback on the select element.
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user