ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
import Map from '../src/ol/Map.js';
|
|
import View from '../src/ol/View.js';
|
|
import * as _ol_extent_ from '../src/ol/extent.js';
|
|
import ImageLayer from '../src/ol/layer/Image.js';
|
|
import Projection from '../src/ol/proj/Projection.js';
|
|
import Static from '../src/ol/source/ImageStatic.js';
|
|
|
|
|
|
// Map views always need a projection. Here we just want to map image
|
|
// coordinates directly to map coordinates, so we create a projection that uses
|
|
// the image extent in pixels.
|
|
const extent = [0, 0, 1024, 968];
|
|
const projection = new Projection({
|
|
code: 'xkcd-image',
|
|
units: 'pixels',
|
|
extent: extent
|
|
});
|
|
|
|
const map = new Map({
|
|
layers: [
|
|
new ImageLayer({
|
|
source: new Static({
|
|
attributions: '© <a href="http://xkcd.com/license.html">xkcd</a>',
|
|
url: 'https://imgs.xkcd.com/comics/online_communities.png',
|
|
projection: projection,
|
|
imageExtent: extent
|
|
})
|
|
})
|
|
],
|
|
target: 'map',
|
|
view: new View({
|
|
projection: projection,
|
|
center: _ol_extent_.getCenter(extent),
|
|
zoom: 2,
|
|
maxZoom: 8
|
|
})
|
|
});
|