Fix igc example migrating map postcompose event
This commit is contained in:
committed by
Tim Schaub
parent
1dbe52d738
commit
7831a591f7
@@ -72,7 +72,7 @@ function flash(feature) {
|
|||||||
unByKey(listenerKey);
|
unByKey(listenerKey);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// tell OpenLayers to continue postcompose animation
|
// tell OpenLayers to continue postrender animation
|
||||||
map.render();
|
map.render();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -161,7 +161,7 @@ const moveFeature = function(event) {
|
|||||||
const feature = new Feature(currentPoint);
|
const feature = new Feature(currentPoint);
|
||||||
vectorContext.drawFeature(feature, styles.geoMarker);
|
vectorContext.drawFeature(feature, styles.geoMarker);
|
||||||
}
|
}
|
||||||
// tell OpenLayers to continue the postcompose animation
|
// tell OpenLayers to continue the postrender animation
|
||||||
map.render();
|
map.render();
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ shortdesc: View a portion of one layer over another
|
|||||||
docs: >
|
docs: >
|
||||||
<p>Layer rendering can be manipulated in <code>prerender</code> and <code>postrender</code> event listeners.
|
<p>Layer rendering can be manipulated in <code>prerender</code> and <code>postrender</code> event listeners.
|
||||||
These listeners get an event with a reference to the Canvas rendering context.
|
These listeners get an event with a reference to the Canvas rendering context.
|
||||||
In this example, the <code>precompose</code> listener sets a clipping mask around the most
|
In this example, the <code>prerender</code> listener sets a clipping mask around the most
|
||||||
recent mouse position, giving you a spyglass effect for viewing one layer over another.</p>
|
recent mouse position, giving you a spyglass effect for viewing one layer over another.</p>
|
||||||
<p>Move around the map to see the effect. Use the ↑ up and ↓ down arrow keys to adjust the spyglass size.</p>
|
<p>Move around the map to see the effect. Use the ↑ up and ↓ down arrow keys to adjust the spyglass size.</p>
|
||||||
tags: "spy, image manipulation"
|
tags: "spy, image manipulation"
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ import {LineString, Point} from '../src/ol/geom.js';
|
|||||||
import VectorLayer from '../src/ol/layer/Vector.js';
|
import VectorLayer from '../src/ol/layer/Vector.js';
|
||||||
import VectorSource from '../src/ol/source/Vector.js';
|
import VectorSource from '../src/ol/source/Vector.js';
|
||||||
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
import {Circle as CircleStyle, Fill, Stroke, Style} from '../src/ol/style.js';
|
||||||
|
import {getVectorContext} from '../src/ol/render';
|
||||||
|
|
||||||
|
|
||||||
const count = 20000;
|
const count = 20000;
|
||||||
@@ -104,8 +105,8 @@ const style = new Style({
|
|||||||
})
|
})
|
||||||
});
|
});
|
||||||
|
|
||||||
map.on('postcompose', function(evt) {
|
vector.on('postrender', function(evt) {
|
||||||
const vectorContext = evt.vectorContext;
|
const vectorContext = getVectorContext(evt);
|
||||||
vectorContext.setStyle(style);
|
vectorContext.setStyle(style);
|
||||||
if (point !== null) {
|
if (point !== null) {
|
||||||
vectorContext.drawGeometry(point);
|
vectorContext.drawGeometry(point);
|
||||||
|
|||||||
Reference in New Issue
Block a user