77 lines
2.3 KiB
JavaScript
77 lines
2.3 KiB
JavaScript
goog.require('ol.Map');
|
|
goog.require('ol.RendererHint');
|
|
goog.require('ol.View2D');
|
|
goog.require('ol.layer.TileLayer');
|
|
goog.require('ol.source.MapQuestOpenAerial');
|
|
goog.require('ol.webgl.SUPPORTED');
|
|
|
|
|
|
function setResetBrightnessButtonHTML() {
|
|
resetBrightness.innerHTML = 'Brightness (' +
|
|
layer.getBrightness().toFixed(3) + ')';
|
|
}
|
|
|
|
function setResetContrastButtonHTML() {
|
|
resetContrast.innerHTML = 'Contrast (' + layer.getContrast().toFixed(3) + ')';
|
|
}
|
|
|
|
if (!ol.webgl.SUPPORTED) {
|
|
var info = document.getElementById('no-webgl');
|
|
/**
|
|
* display error message
|
|
*/
|
|
info.style.display = '';
|
|
} else {
|
|
var layer = new ol.layer.TileLayer({
|
|
source: new ol.source.MapQuestOpenAerial()
|
|
});
|
|
|
|
var map = new ol.Map({
|
|
layers: [layer],
|
|
renderer: ol.RendererHint.WEBGL,
|
|
target: 'map',
|
|
view: new ol.View2D({
|
|
center: [0, 0],
|
|
zoom: 2
|
|
})
|
|
});
|
|
|
|
var increaseBrightness = document.getElementById('increase-brightness');
|
|
var resetBrightness = document.getElementById('reset-brightness');
|
|
var decreaseBrightness = document.getElementById('decrease-brightness');
|
|
|
|
setResetBrightnessButtonHTML();
|
|
|
|
increaseBrightness.addEventListener('click', function() {
|
|
layer.setBrightness(Math.min(layer.getBrightness() + 0.125, 1));
|
|
setResetBrightnessButtonHTML();
|
|
}, false);
|
|
resetBrightness.addEventListener('click', function() {
|
|
layer.setBrightness(0);
|
|
setResetBrightnessButtonHTML();
|
|
}, false);
|
|
decreaseBrightness.addEventListener('click', function() {
|
|
layer.setBrightness(Math.max(layer.getBrightness() - 0.125, -1));
|
|
setResetBrightnessButtonHTML();
|
|
}, false);
|
|
|
|
var increaseContrast = document.getElementById('increase-contrast');
|
|
var resetContrast = document.getElementById('reset-contrast');
|
|
var decreaseContrast = document.getElementById('decrease-contrast');
|
|
|
|
setResetContrastButtonHTML();
|
|
|
|
increaseContrast.addEventListener('click', function() {
|
|
layer.setContrast(layer.getContrast() + 0.125);
|
|
setResetContrastButtonHTML();
|
|
}, false);
|
|
resetContrast.addEventListener('click', function() {
|
|
layer.setContrast(1);
|
|
setResetContrastButtonHTML();
|
|
}, false);
|
|
decreaseContrast.addEventListener('click', function() {
|
|
layer.setContrast(Math.max(layer.getContrast() - 0.125, 0));
|
|
setResetContrastButtonHTML();
|
|
}, false);
|
|
}
|