What can be displayed in SVG

1
(No Transcript)
2
Introduction

• What is SVG
• History of SVG
• Main players
• Why use SVG
• SVG implementation possibilities
• SVG uses
• GIS functionality replication
• GIS data to SVG
• GIS to SVG Your options
• Further information and examples

3
What is SVG?

• Scalable Vector Graphics
• A text-based markup language
• For static, animated and dynamic graphics
• Uses X,Y coordinates
• Requires a browser which understands the SVG
  language

4
The History Of SVG

• Developed by World Wide Web Consortium
• Recommendation in September 2001
• SVG plug-in is required to view SVG documents
  in Explorer and Netscape
• Free SVG plug-in available
• Browsers with native SVG functionality

5
Main Players

• Long Term players
• Sun
• HP
• Adobe
• Recent players
• Corel
• Quark
• Future players
• Microsoft is moving towards SVG - Visio 2003
  offers export to SVG

6
Why use SVG?

• User Interactivity
• Files are smaller in size than raster images
• Pages tend to be quicker to load
• Financially viable
• Open standard format - Not third party driven
• Text based
• Data directly editable
• Content is searchable
• Simplified display of data
• System independence
• Operating system
• Screen resolution

7
SVG Implementation Possibilities

• Event triggers (eg. Mouse movements)
• Scripts to control interactivity
• Expand functionality by using other XML
  technologies
• Embedded in an HTML file
• Link to a database to specify the data in SVG
• PHP to communicate to database and update the SVG
  online

8
SVG Uses

• Interactive visual display
• Intranet
• Internet web sites
• Make GIS data available to non-GIS users
• Marketing products via a CD

9
GIS Functionality Replication

• Layer control
• Rollover
• Filter effects
• True zoom and pan
• Dynamic scalebars

• Info tips
• Thematic maps
• Record display
• Graphs
• Rulers and measuring

10
GIS Data to SVG

• Translate GIS coordinates to pixels
• Maintain precision by applying a scaling factor
• Port GIS object properties (style, colour, size)
  and attributes
• Group objects in SVG to reflect layers

11
GIS to SVG Your Options

• D.I.Y.
• Purchase a third-party product
• Consultant

12
Option 1 - DIY

• Learn
• Script language (eg Javascript)
• SVG format
• Programming language for your GIS
• MapBasic
• Avenue
• Write programs to convert the GIS data in SVG
  format
• Write script programs to implement the
  functionality, referencing the generated SVG

13
Option 2 - Buy

• Purchase an Off-the-shelf third-party product
  to perform the conversion
• Limitations
• Conversions available
• Functionality provided by the product

14
Option 3 - Consultant

• Liaise with a local service provider
• Design and implement an appropriate SVG solution
• Convert existing GIS data
• Supply additional data
• Functionality and layout customised to your
  requirements

15
Further Information

• W3C website and SVG specifications
• www.w3.org/Graphics/SVG
• SVG viewer plug-ins
• www.adobe.com/svg
• www.corel.com

16
Examples

• Travel industry - Airline flight routes
• Government Travel advisories
• Banking sector - ATM locations
• Petroleum industry - Seismic survey marketing
• Local government Park facilities

17
Airline Flight Routes - Raster Image -

• International flights departing Perth

• Courtesy of Westralia Airports Corporation

18
Airline Flight Routes - Image from SVG browser -