ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
45 lines
1.2 KiB
JavaScript
45 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 OverviewMap from '../src/ol/control/OverviewMap.js';
|
|
import {defaults as defaultInteractions} from '../src/ol/interaction.js';
|
|
import DragRotateAndZoom from '../src/ol/interaction/DragRotateAndZoom.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import OSM from '../src/ol/source/OSM.js';
|
|
|
|
|
|
const overviewMapControl = new OverviewMap({
|
|
// see in overviewmap-custom.html to see the custom CSS used
|
|
className: 'ol-overviewmap ol-custom-overviewmap',
|
|
layers: [
|
|
new TileLayer({
|
|
source: new OSM({
|
|
'url': 'https://{a-c}.tile.thunderforest.com/cycle/{z}/{x}/{y}.png' +
|
|
'?apikey=0e6fc415256d4fbb9b5166a718591d71'
|
|
})
|
|
})
|
|
],
|
|
collapseLabel: '\u00BB',
|
|
label: '\u00AB',
|
|
collapsed: false
|
|
});
|
|
|
|
const map = new Map({
|
|
controls: defaultControls().extend([
|
|
overviewMapControl
|
|
]),
|
|
interactions: defaultInteractions().extend([
|
|
new DragRotateAndZoom()
|
|
]),
|
|
layers: [
|
|
new TileLayer({
|
|
source: new OSM()
|
|
})
|
|
],
|
|
target: 'map',
|
|
view: new View({
|
|
center: [500000, 6000000],
|
|
zoom: 7
|
|
})
|
|
});
|