Update examples to use vectorContext property in render events
This commit is contained in:
@@ -35,7 +35,7 @@ var R = 7e6;
|
|||||||
var r = 2e6;
|
var r = 2e6;
|
||||||
var p = 2e6;
|
var p = 2e6;
|
||||||
map.on('postcompose', function(event) {
|
map.on('postcompose', function(event) {
|
||||||
var render = event.render;
|
var vectorContext = event.vectorContext;
|
||||||
var frameState = event.frameState;
|
var frameState = event.frameState;
|
||||||
var theta = 2 * Math.PI * frameState.time / omegaTheta;
|
var theta = 2 * Math.PI * frameState.time / omegaTheta;
|
||||||
var coordinates = [];
|
var coordinates = [];
|
||||||
@@ -46,8 +46,9 @@ map.on('postcompose', function(event) {
|
|||||||
var y = (R + r) * Math.sin(t) + p * Math.sin((R + r) * t / r);
|
var y = (R + r) * Math.sin(t) + p * Math.sin((R + r) * t / r);
|
||||||
coordinates.push([x, y]);
|
coordinates.push([x, y]);
|
||||||
}
|
}
|
||||||
render.setImageStyle(imageStyle);
|
vectorContext.setImageStyle(imageStyle);
|
||||||
render.drawMultiPointGeometry(new ol.geom.MultiPoint(coordinates), null);
|
vectorContext.drawMultiPointGeometry(
|
||||||
|
new ol.geom.MultiPoint(coordinates), null);
|
||||||
map.requestRenderFrame();
|
map.requestRenderFrame();
|
||||||
});
|
});
|
||||||
map.requestRenderFrame();
|
map.requestRenderFrame();
|
||||||
|
|||||||
+5
-5
@@ -128,13 +128,13 @@ var strokeStyle = new ol.style.Stroke({
|
|||||||
width: 1
|
width: 1
|
||||||
});
|
});
|
||||||
map.on('postcompose', function(evt) {
|
map.on('postcompose', function(evt) {
|
||||||
var render = evt.render;
|
var vectorContext = evt.vectorContext;
|
||||||
if (point !== null) {
|
if (point !== null) {
|
||||||
render.setImageStyle(imageStyle);
|
vectorContext.setImageStyle(imageStyle);
|
||||||
render.drawPointGeometry(point);
|
vectorContext.drawPointGeometry(point);
|
||||||
}
|
}
|
||||||
if (line !== null) {
|
if (line !== null) {
|
||||||
render.setFillStrokeStyle(null, strokeStyle);
|
vectorContext.setFillStrokeStyle(null, strokeStyle);
|
||||||
render.drawLineStringGeometry(line);
|
vectorContext.drawLineStringGeometry(line);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -113,14 +113,14 @@ var strokeStyle = new ol.style.Stroke({
|
|||||||
width: 3
|
width: 3
|
||||||
});
|
});
|
||||||
map.on('postcompose', function(evt) {
|
map.on('postcompose', function(evt) {
|
||||||
var render = evt.render;
|
var vectorContext = evt.vectorContext;
|
||||||
if (point !== null) {
|
if (point !== null) {
|
||||||
render.setImageStyle(imageStyle);
|
vectorContext.setImageStyle(imageStyle);
|
||||||
render.drawPointGeometry(point);
|
vectorContext.drawPointGeometry(point);
|
||||||
}
|
}
|
||||||
if (line !== null) {
|
if (line !== null) {
|
||||||
render.setFillStrokeStyle(null, strokeStyle);
|
vectorContext.setFillStrokeStyle(null, strokeStyle);
|
||||||
render.drawLineStringGeometry(line);
|
vectorContext.drawLineStringGeometry(line);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user