ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
49 lines
1.0 KiB
JavaScript
49 lines
1.0 KiB
JavaScript
import Map from '../src/ol/Map.js';
|
|
import View from '../src/ol/View.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import CartoDB from '../src/ol/source/CartoDB.js';
|
|
import OSM from '../src/ol/source/OSM.js';
|
|
|
|
const mapConfig = {
|
|
'layers': [{
|
|
'type': 'cartodb',
|
|
'options': {
|
|
'cartocss_version': '2.1.1',
|
|
'cartocss': '#layer { polygon-fill: #F00; }',
|
|
'sql': 'select * from european_countries_e where area > 0'
|
|
}
|
|
}]
|
|
};
|
|
|
|
const cartoDBSource = new CartoDB({
|
|
account: 'documentation',
|
|
config: mapConfig
|
|
});
|
|
|
|
const map = new Map({
|
|
layers: [
|
|
new TileLayer({
|
|
source: new OSM()
|
|
}),
|
|
new TileLayer({
|
|
source: cartoDBSource
|
|
})
|
|
],
|
|
target: 'map',
|
|
view: new View({
|
|
center: [0, 0],
|
|
zoom: 2
|
|
})
|
|
});
|
|
|
|
function setArea(n) {
|
|
mapConfig.layers[0].options.sql =
|
|
'select * from european_countries_e where area > ' + n;
|
|
cartoDBSource.setConfig(mapConfig);
|
|
}
|
|
|
|
|
|
document.getElementById('country-area').addEventListener('change', function() {
|
|
setArea(this.value);
|
|
});
|