libs/js/jquery-geo-1.0a4/docs/geographics/index.html

   1 <!doctype html>
   2
   3 <html lang="en" class="no-js">
   4 <head>
   5   <meta charset="utf-8">
   6   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   7
   8   <title>geographics | $.geo</title>
   9   <meta name="description" content="jQuery Geo geographics widget">
  10   <meta name="author" content="Ryan Westphal">
  11 </head>
  12
  13 <body>
  14
  15   <div id="geographics" data-role="page" data-theme="b">
  16     <div data-role="header">
  17       <h1>geographics widget</h1>
  18     </div>
  19
  20     <div data-role="content">
  21       <p>The geographics widget in $.geo handles all shape drawing. The geomap widget uses it internally and you can use it outside of geomap to draw GeoJSON geometry that has already been converted to pixel coordinates onto any element.</p>
  22       <pre><code>.geographics( options )</code></pre>
  23       <h2>options</h2>
  24       <p>The options argument is a JavaScript object that configures the graphics widget during the first instantiation on a div. No options are required. By default the graphics widget will draw all shapes with a dark red outline and mostly transparent red fill.</p>
  25       <!--<ul data-role="listview" data-inset=true>
  26         <li>
  27           <a href="style.html">style</a>
  28         </li>
  29       </ul>-->
  30       <h2>methods</h2>
  31       <p>The geographics widget provides methods to draw various GeoJSON geometries on the canvas. Remember that the geometries must have either already been converted to pixel coordinates or created initially with a pixel coordinate system in mind.</p>
  32       <ul data-role="listview" data-inset="true">
  33         <li><a href="drawArc.html">drawArc</a></li>
  34         <li><a href="drawPoint.html">drawArc</a></li>
  35         <li><a href="drawLineString.html">drawLineString</a></li>
  36         <li><a href="drawPolygon.html">drawPolygon</a></li>
  37         <li><a href="drawBbox.html">drawBbox</a></li>
  38         <li><a href="clear.html">clear</a></li>
  39       </ul>
  40     </div>
  41   </div> <!-- end of #container -->
  42 </body>
  43 </html>
  44