| Conditions |
No conditions are set for this modifier. All effects will be applied.
Default State | ¬ |
Layer :
Variable :
| Effects |
No effects are set for this modifier. It won't do anything.
Position :
Horizontal Offset : px
Vertical Offset : px
Horizontal Scale :
Vertical Scale :
Style :
Position :
Scale :
Time : ms
Start : %
End : %
Camera follows path animation :
After : ms
After : ms
Horizontal Offset : px
Vertical Offset : px
Horizontal Scale :
Vertical Scale :
Set opacity to : %
Time : ms
 |
Tutorial map |
|
 |
Map of the entire Earth, showing borders and lakes |
|
|
Map of Europe with borders, showing parts of Asia and North Africa |
|
 |
Map of the USA with states, including Hawaii and Alaska |
<div id="paper" style="width:100%;height:800px;background:#F0F0F0"> <svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:100%"></svg> </div> <script src="PATH_TO_DATA/data.json"></script> <script src="http://adelamare.eu/Vective/lib/v0.02/lib.js"></script>
Move camera on selection :
Movement method :
Allow drag :
Allow zoom :
If the timeline is too large :
When hovering over timeline selectors :
The .SVG must contain a flowRoot element, which is the default text element created with Inkscape, for which the content must be Vective.
The text's style will be applied to your custom text in the info panel.