ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
import Map from '../src/ol/Map.js';
|
|
import View from '../src/ol/View.js';
|
|
import {defaults as defaultControls} from '../src/ol/control.js';
|
|
import * as _ol_extent_ from '../src/ol/extent.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import {toLonLat} from '../src/ol/proj.js';
|
|
import OSM from '../src/ol/source/OSM.js';
|
|
|
|
|
|
const map = new Map({
|
|
layers: [
|
|
new TileLayer({
|
|
source: new OSM()
|
|
})
|
|
],
|
|
target: 'map',
|
|
controls: defaultControls({
|
|
attributionOptions: {
|
|
collapsible: false
|
|
}
|
|
}),
|
|
view: new View({
|
|
center: [0, 0],
|
|
zoom: 2
|
|
})
|
|
});
|
|
|
|
function display(id, value) {
|
|
document.getElementById(id).value = value.toFixed(2);
|
|
}
|
|
|
|
function wrapLon(value) {
|
|
const worlds = Math.floor((value + 180) / 360);
|
|
return value - (worlds * 360);
|
|
}
|
|
|
|
function onMoveEnd(evt) {
|
|
const map = evt.map;
|
|
const extent = map.getView().calculateExtent(map.getSize());
|
|
const bottomLeft = toLonLat(_ol_extent_.getBottomLeft(extent));
|
|
const topRight = toLonLat(_ol_extent_.getTopRight(extent));
|
|
display('left', wrapLon(bottomLeft[0]));
|
|
display('bottom', bottomLeft[1]);
|
|
display('right', wrapLon(topRight[0]));
|
|
display('top', topRight[1]);
|
|
}
|
|
|
|
map.on('moveend', onMoveEnd);
|