ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update post/pre render event doc usage in examples

Browse Source
This commit is contained in:
Florent gravin
2018-11-16 10:00:11 +01:00
committed by Tim Schaub
parent 160e9e8056
commit 91bd144f0e
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
examples/feature-animation.html
View File

@@ -3,7 +3,7 @@ layout: example.html
title: Custom Animation title: Custom Animation
shortdesc: Demonstrates how to animate features. shortdesc: Demonstrates how to animate features.
docs: > docs: >
This example shows how to use <b>postcompose</b> and <b>vectorContext</b> to This example shows how to use <b>postrender</b> and <b>vectorContext</b> to
animate features. Here we choose to do a flash animation each time a feature animate features. Here we choose to do a flash animation each time a feature
is added to the layer. is added to the layer.
tags: "animation, vector, feature, flash" tags: "animation, vector, feature, flash"

6
examples/flight-animation.html
View File

@@ -1,12 +1,12 @@
--- ---
layout: example.html layout: example.html
title: Flight Animation title: Flight Animation
shortdesc: Demonstrates how to animate flights with ´postcompose´. shortdesc: Demonstrates how to animate flights with ´postrender´.
docs: > docs: >
This example shows how to use <b>postcompose</b> and <b>vectorContext</b> to This example shows how to use <b>postrender</b> and <b>vectorContext</b> to
animate flights. A great circle arc between two airports is calculated using animate flights. A great circle arc between two airports is calculated using
<a href="https://github.com/springmeyer/arc.js">arc.js</a> and then the flight <a href="https://github.com/springmeyer/arc.js">arc.js</a> and then the flight
paths are animated with <b>postcompose</b>. The flight data is provided by paths are animated with <b>postrender</b>. The flight data is provided by
<a href="http://openflights.org/data.html">OpenFlights</a> (a simplified data <a href="http://openflights.org/data.html">OpenFlights</a> (a simplified data
set from the <a href="https://www.mapbox.com/mapbox.js/example/v1.0.0/animating-flight-paths/"> set from the <a href="https://www.mapbox.com/mapbox.js/example/v1.0.0/animating-flight-paths/">
Mapbox.js documentation</a> is used). Mapbox.js documentation</a> is used).

2
examples/layer-spy.html
View File

@@ -3,7 +3,7 @@ layout: example.html
title: Layer Spy title: Layer Spy
shortdesc: View a portion of one layer over another shortdesc: View a portion of one layer over another
docs: > docs: >
<p>Layer rendering can be manipulated in <code>precompose</code> and <code>postcompose</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>precompose</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>