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 _ol_events_condition_ from '../src/ol/events/condition.js';
|
|
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
|
import ExtentInteraction from '../src/ol/interaction/Extent.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import VectorLayer from '../src/ol/layer/Vector.js';
|
|
import OSM from '../src/ol/source/OSM.js';
|
|
import VectorSource from '../src/ol/source/Vector.js';
|
|
|
|
const vectorSource = new VectorSource({
|
|
url: 'data/geojson/countries.geojson',
|
|
format: new GeoJSON()
|
|
});
|
|
|
|
const map = new Map({
|
|
layers: [
|
|
new TileLayer({
|
|
source: new OSM()
|
|
}),
|
|
new VectorLayer({
|
|
source: vectorSource
|
|
})
|
|
],
|
|
target: 'map',
|
|
view: new View({
|
|
center: [0, 0],
|
|
zoom: 2
|
|
})
|
|
});
|
|
|
|
const extent = new ExtentInteraction({
|
|
condition: _ol_events_condition_.platformModifierKeyOnly
|
|
});
|
|
map.addInteraction(extent);
|
|
extent.setActive(false);
|
|
|
|
//Enable interaction by holding shift
|
|
this.addEventListener('keydown', function(event) {
|
|
if (event.keyCode == 16) {
|
|
extent.setActive(true);
|
|
}
|
|
});
|
|
this.addEventListener('keyup', function(event) {
|
|
if (event.keyCode == 16) {
|
|
extent.setActive(false);
|
|
}
|
|
});
|