ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
51 lines
1.4 KiB
JavaScript
51 lines
1.4 KiB
JavaScript
import Map from '../src/ol/Map.js';
|
|
import View from '../src/ol/View.js';
|
|
import GeoJSON from '../src/ol/format/GeoJSON.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import VectorLayer from '../src/ol/layer/Vector.js';
|
|
import _ol_loadingstrategy_ from '../src/ol/loadingstrategy.js';
|
|
import BingMaps from '../src/ol/source/BingMaps.js';
|
|
import VectorSource from '../src/ol/source/Vector.js';
|
|
import Stroke from '../src/ol/style/Stroke.js';
|
|
import Style from '../src/ol/style/Style.js';
|
|
|
|
|
|
const vectorSource = new VectorSource({
|
|
format: new GeoJSON(),
|
|
url: function(extent) {
|
|
return 'https://ahocevar.com/geoserver/wfs?service=WFS&' +
|
|
'version=1.1.0&request=GetFeature&typename=osm:water_areas&' +
|
|
'outputFormat=application/json&srsname=EPSG:3857&' +
|
|
'bbox=' + extent.join(',') + ',EPSG:3857';
|
|
},
|
|
strategy: _ol_loadingstrategy_.bbox
|
|
});
|
|
|
|
|
|
const vector = new VectorLayer({
|
|
source: vectorSource,
|
|
style: new Style({
|
|
stroke: new Stroke({
|
|
color: 'rgba(0, 0, 255, 1.0)',
|
|
width: 2
|
|
})
|
|
})
|
|
});
|
|
|
|
const raster = new TileLayer({
|
|
source: new BingMaps({
|
|
imagerySet: 'Aerial',
|
|
key: 'As1HiMj1PvLPlqc_gtM7AqZfBL8ZL3VrjaS3zIb22Uvb9WKhuJObROC-qUpa81U5'
|
|
})
|
|
});
|
|
|
|
const map = new Map({
|
|
layers: [raster, vector],
|
|
target: document.getElementById('map'),
|
|
view: new View({
|
|
center: [-8908887.277395891, 5381918.072437216],
|
|
maxZoom: 19,
|
|
zoom: 12
|
|
})
|
|
});
|