<html><body bgcolor="#FFFFFF"><div>Hi Madhura,</div><div><br></div><div>On 31 Mei 2011, at 17:42, Madhura Jayaratne <<a href="mailto:madhura.cj@gmail.com">madhura.cj@gmail.com</a>> wrote:<br><br></div><div></div><blockquote type="cite"><div><br><br><div class="gmail_quote">On Tue, May 31, 2011 at 4:09 PM, Madhura Jayaratne <span dir="ltr"><<a href="mailto:madhura.cj@gmail.com"><a href="mailto:madhura.cj@gmail.com">madhura.cj@gmail.com</a></a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Hi all,<div><br></div><div>I have pushed into my repo, the code for visualizing GIS data. I used SVG for this purpose and i'm writing the SVG tags accordingly. This allows the users without JS support also to view the visualizing oppose to using jQuery SVG to generate SVGs. Further it allows the SVGs to be saved, which is one of the upcoming features. However I use jQuery SVG to manipulate the SVGs (zoom and pan), so the users with JS support gets a better user experience.</div>


<div><br></div><div>I have also integrated two small libraries [1],[2] to allow panning the SVG on dragging and zooming on mouse wheel movement. These are not strictly needed but nice to have ones.</div><div><br></div><div>


One problem of SVG is the IE versions <=8 does not support is. I am using the GD library to generate a PNG image for them and this is in line with saving those visualization to various formats.</div><div><br></div><div>


You can test this out at my demo server[3] using the data in the opengis table. Please be kind enough to share your comments.<br clear="all"><font color="#888888"><br>-- <br>Thanks and Regards,<div><br></div><div>Madhura Jayaratne<br>
<div><br>

</div></div><div>[1] <a href="http://brandonaaron.net/code/mousewheel/docs" target="_blank"><a href="http://brandonaaron.net/code/mousewheel/docs">http://brandonaaron.net/code/mousewheel/docs</a></a></div><div>[2] <a href="http://threedubmedia.com/" target="_blank"><a href="http://threedubmedia.com/">http://threedubmedia.com/</a></a></div>

[3] <a href="http://demo.phpmyadmin.net/gsoc-madhura/index.php" target="_blank"><a href="http://demo.phpmyadmin.net/gsoc-madhura/index.php">http://demo.phpmyadmin.net/gsoc-madhura/index.php</a></a>
</font></div>
</blockquote></div><br>Please note that saving the visualization to various formats (SVG, PNG, PDF) is still not working. So please exclude them from your testings and trying outs<br clear="all"><br></div></blockquote><div><br></div>The basic zooming and panning functionally works well.<br><div><br></div><div>But, when I tried to zoom using mouse wheel, the page also scrolled (my screen height is 800 pixels). Maybe some javascript to prevent the default page scrolling behavior can be added.</div><div><br></div><div>Also, I think a bounding box in the SVG will be great, since I get lost of the main graphic when I panned and zoomed too much.</div><div><br></div><div><br></div><div>--</div><div>Aris Feryanto </div></body></html>