ÿþ<html> <head> <meta http-equiv=Content-Type content="text/html; charset=unicode"> <meta name=Generator content="Microsoft Word 14 (filtered)"> <title>geomedia_mgtk</title> <link rel=Stylesheet type="text/css" media=all href="../../st.css"> <style> <!-- /* Font Definitions */ @font-face {font-family:SimSun; panose-1:2 1 6 0 3 1 1 1 1 1;} @font-face {font-family:SimSun; panose-1:2 1 6 0 3 1 1 1 1 1;} @font-face {font-family:Tahoma; panose-1:2 11 6 4 3 5 4 4 2 4;} @font-face {font-family:"\@SimSun"; panose-1:2 1 6 0 3 1 1 1 1 1;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman","serif";} h1 {mso-style-link:"Heading 1 Char"; margin-right:0in; margin-left:0in; font-size:24.0pt; font-family:"Times New Roman","serif"; font-weight:bold;} p.MsoBodyTextIndent, li.MsoBodyTextIndent, div.MsoBodyTextIndent {mso-style-link:"Body Text Indent Char"; margin-right:0in; margin-left:0in; font-size:12.0pt; font-family:"Times New Roman","serif";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;} a:visited, span.MsoHyperlinkFollowed {color:blue; text-decoration:underline;} p {margin-right:0in; margin-left:0in; font-size:12.0pt; font-family:"Times New Roman","serif";} p.MsoAcetate, li.MsoAcetate, div.MsoAcetate {mso-style-link:"Balloon Text Char"; margin:0in; margin-bottom:.0001pt; font-size:8.0pt; font-family:"Tahoma","sans-serif";} span.Heading1Char {mso-style-name:"Heading 1 Char"; mso-style-link:"Heading 1"; font-family:"Cambria","serif"; color:#365F91; font-weight:bold;} span.BodyTextIndentChar {mso-style-name:"Body Text Indent Char"; mso-style-link:"Body Text Indent"; font-family:SimSun;} p.body, li.body, div.body {mso-style-name:body; margin-right:0in; margin-left:0in; background:white; font-size:12.0pt; font-family:"Times New Roman","serif";} p.fo, li.fo, div.fo {mso-style-name:fo; margin-right:0in; margin-left:0in; font-size:12.0pt; font-family:"Times New Roman","serif";} p.p, li.p, div.p {mso-style-name:p; margin-right:0in; margin-left:0in; font-size:12.0pt;} span.BalloonTextChar {mso-style-name:"Balloon Text Char"; mso-style-link:"Balloon Text"; font-family:"Tahoma","sans-serif";} .MsoChpDefault {font-size:10.0pt;} @page WordSection1 {size:8.5in 11.0in; margin:1.0in 1.25in 1.0in 1.25in;} div.WordSection1 {page:WordSection1;} /* List Definitions */ ol {margin-bottom:0in;} ul {margin-bottom:0in;} --> </style> </head> <body bgcolor=white lang=EN-US link=blue vlink=blue leftmargin=0 topmargin=0 marginwidth=0 marginheight=0> <div class=WordSection1> <table border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:white'> <tr> <td valign=top style='padding:0in 0in 0in 0in'> <table border=0 cellspacing=0 cellpadding=0> <tr> <td valign=top style='padding:0in 0in 0in 0in'> <table border=0 cellpadding=0> <tr> <td width=150 style='width:112.5pt;padding:.75pt .75pt .75pt .75pt'> <p class=MsoNormal><img width=172 height=48 src="../../img/Products.jpg" alt="Description: img\Products.jpg"></p> </td> <td width="100%" style='width:100.0%;padding:.75pt .75pt .75pt .75pt'> <p align=center style='text-align:center'><span class=topicd><b><span style='font-family:"Arial","sans-serif";color:#993366'>MRF SVG Map Server </span></b></span></p> </td> </tr> </table> <p class=MsoNormal><span style='display:none'>&nbsp;</span></p> <table border=0 cellpadding=0 id=Table3> <tr> <td style='padding:.75pt .75pt .75pt .75pt'> <div class=MsoNormal align=center style='text-align:center'> <hr size=2 width="100%" align=center> </div> <table border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%'> <tr> <td width="100%" style='width:100.0%;padding:0in 0in 0in 0in'> <p align=center style='margin:0in;margin-bottom:.0001pt;text-align: center'><a href="SVG%20Map%20Server2%20-%20short.htm"></a><a href="SVG%20Map%20Server2%20-%20short.htm"><img border=0 width=151 height=41 src="svg_files/image002.gif" align=right alt="Description: Products\SVG\svg_files\image002.gif" title=""></a><a href="SVG%20Map%20Server2%20-%20short.htm"></a></p> </td> </tr> </table> </td> </tr> <tr> <td style='padding:.75pt .75pt .75pt .75pt'> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:10.0pt'>&nbsp;</span></h1> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:12.0pt'>Introduction</span></h1> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>Scalable Vector Graphics (SVG) is the emerging standard for the display of two-dimensional vector graphics on the Web. It has been developed by the World Wide Web Consortium (W3C)  the body responsible for Web standards such as HTML. SVG displays three types of graphics: vector graphic shapes, such as lines, arcs and polygons (including polygons with holes), text, and raster images, which can be positioned relative to other features in the image.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>SVG is a grammar in XML (eXtensible Markup Language), another W3C specification.  Through the use of a scripting language (such as JavaScript), and access to the SVG Document Object Model (DOM), images can be made both interactive and dynamic within the Web browser. </span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>An SVG image can be made interactive through the assignment of event handlers, such as  onclick and  onmouseover , to image elements. These might be used, for example, to highlight a selected feature, show attribute information, or display a  map tip .</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>Through the DOM, image elements and groups of elements may dynamically be given new styles (color, etc), made visible or not, moved or modified. New elements may even be added. All this can take place on the client machine  without a  round trip to the server.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>SVG is an ideal candidate for displaying GIS (Geographic Information Systems) information in a Web browser. All typical GIS features can be readily displayed (and manipulated), and data is transferred in a compact vector (rather than raster) format. Since SVG is XML, it leverages and integrates with other W3C standardization efforts. This means that facilities already developed, such as Cascading Style Sheets (CSS2) and Extensible Stylesheet Language Transformations (XSLT), can be readily employed  they didn t have to be  reinvented for SVG. Also, since it is XML, the SVG DOM plugs seamlessly into the DOM of browsers, such as those from Microsoft and Netscape, and is easily accessed from DHTML (Dynamic Hypertext Markup Language) pages. This facilitates easy to code, efficient, responsive interaction with the user.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:12.0pt; font-family:"Arial","sans-serif"'>Status</span></h1> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>Technically, the W3C does not create standards  it publishes  Recommendations. In the Web community, however, a W3C recommendation is as close to a standard as you re likely to see. Currently, as of August 2, 2000, the SVG 1.0 specification has a status of  Candidate Recommendation. This means that developers are encouraged to create implementations and provide technical feedback. The specification could be elevated to  Recommendation status at any time.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>SVG has the support of all the  big players . These include Microsoft, Netscape, IBM, and Sun Microsystems. SVG is being promoted by the major graphics software vendors, such as Adobe and Corel. All of these companies (and about twenty others) have been active contributors to the standardization effort.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>Once SVG becomes a Recommendation, it is expected to become a built-in supported document type for both Microsoft s Internet Explorer and Netscape s Navigator. In other words, SVG will be supported natively, and not require a  plug-in .</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>In the meantime  until SVG is natively supported in the major browsers  plug-ins are available (at no cost) for rendering SVG images. The most popular of these is from Adobe.&nbsp; </span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:12.0pt; font-family:"Arial","sans-serif"'>Advantages of SVG</span></h1> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>SVG is XML. As such, any tool used in support XML can be used in support of SVG. SVG can leverage other facilities developed to enhance XML  those facilities don t have to be  re-invented specifically for SVG. SVG will be the 2D vector graphics standard for the Web. Support should be broad and universal  not confined to the GIS or technical communities.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>SVG is vectors. If produced intelligently, it can be more compact than equivalent raster images, and more compact than many vector formats, as well.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>SVG will be built-in. Currently, a plug-in is required to view SVG in a browser, but this is likely to change shortly. Once SVG is supported natively by the major browsers, not only will it not be necessary to download and install a plug-in, you ll never have to worry about upgrade problems when changing to a new version of a browser.&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:12.0pt; font-family:"Arial","sans-serif"'>How MRF Is Using SVG</span></h1> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:10.0pt; font-family:"Arial","sans-serif"'>&nbsp;</span></h1> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>One of the acclaimed advantages of SVG is the ability to pan and zoom an image on the client side  since the image is based on vectors, it is  resolution independent , and you don t see the choppiness you would if you zoom in on a raster image. The problem with this as it relates to a GIS image server is that, as you zoom in, you expect to see greater detail. In order for that detail to be displayed, it would have to have been in the image sent to the client. More detail means longer transmission and rendering times. Panning presents a similar problem in that the image would need to contain information you would not initially be able to see. Carrying this to its logical conclusion, providing full panning and zooming on the client would entail downloading the complete feature sets from the server. Not a practical solution, in most cases.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>The approach taken with the MRF SVG Map Server is to send only the amount of detail needed to render the image at the scale selected  panning and zooming is disabled. Several techniques are used to produce images that the orders of magnitude are smaller than they would be, if sent out at full resolution. Each pan or zoom requested by the user requires a trip back to the server for a new image, but the penalty is small, due to the reduced image size.</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><b><span style='font-family:"Arial","sans-serif"'>Data Security</span></b></p> <p class=MsoNormal><b><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></b></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>The  minimum resolution approach taken by MRF has a beneficial side-effect. Many data vendors are concerned that their spatial data-sets not be published on the Internet in such a way that they could be downloaded and put to unauthorized use. The MRF approach to SVG delivery discourages this in two ways:</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <ol style='margin-top:0in' start=1 type=1> <li class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>The points sent out are in pixel positions, rather than coordinates. When zoomed out, the resolution of these points will be very coarse (relative to the original coordinates), and likely to be of little use. When zoomed in, the point resolution will be better, but only a small portion of the data-set will be included in the image. In order to extract a significant amount of data with reasonably good point resolution, a large number of queries would need to be made, and then the data pieced together  a server could be programmed to detect this kind of activity. </span></li> </ol> <p class=MsoNormal style='margin-left:.25in'><span style='font-size:10.0pt; font-family:"Arial","sans-serif"'>&nbsp;</span></p> <ol style='margin-top:0in' start=2 type=1> <li class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>It is not necessary to include location, scale, or projection information in the image. Without this reference information, the data extracted would be less useful. </span></li> </ol> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal style='margin-left:.25in'><span style='font-size:10.0pt; font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p class=MsoNormal><a name="Online_Demo"></a></p> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:12.0pt; font-family:"Arial","sans-serif"'>Some Useful Links</span></h1> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:12.0pt; font-family:"Arial","sans-serif"'>&nbsp;</span></h1> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'><a href="http://www.w3.org/Graphics/SVG/Overview.htm8">http://www.w3.org/Graphics/SVG/Overview.htm8</a></span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'><a href="http://www.w3.org/TR/2000/CR-SVG-20001102/">http://www.w3.org/TR/2000/CR-SVG-20001102/</a>&nbsp;(specification)</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'><a href="http://www.adobe.com/svg/">http://www.adobe.com/svg/</a>&nbsp;(good tutorial)</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'><a href="http://wdvl.com/Authoring/Languages/XML/SVG/">http://wdvl.com/Authoring/Languages/XML/SVG/</a> (more links)</span></p> <p class=MsoNormal><span style='font-size:10.0pt;font-family:"Arial","sans-serif"'>&nbsp;</span></p> <p style='margin:0in;margin-bottom:.0001pt'><span style='font-size:10.0pt; font-family:"Arial","sans-serif"'>If you would like a live or online demo of our SVG server, please <a href="mailto:mrfsales@mrf.com">click here</a> and send us your contact information or call <b>1-877-216-5515</b>.</span></p> </td> </tr> <tr> <td style='padding:.75pt .75pt .75pt .75pt'> <h1 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:10.0pt'>&nbsp;</span></h1> </td> </tr> </table> <p class=MsoNormal></p> </td> </tr> </table> </td> </tr> </table> <p class=MsoNormal>&nbsp;</p> </div> </body> </html>