libs/js/jquery-geo-1.0a4/docs/geomap/cursors.html

   1 <!doctype html>
   2
   3 <html lang="en" class="no-js">
   4 <head>
   5   <meta charset="utf-8">
   6
   7   <title>cursors | geomap</title>
   8   <meta name="description" content="geomap cursors property">
   9   <meta name="author" content="Ryan Westphal">
  10
  11   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12
  13   <link rel="stylesheet" href="../css/style.css?v=2">
  14   <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
  15 </head>
  16
  17 <body>
  18
  19   <div id="cursors" data-role="page">
  20     <div data-role="header" data-theme="f">
  21       <h1>cursors</h1>
  22     </div>
  23
  24     <div data-role="content">
  25       <table>
  26         <tr>
  27           <th>type</th>
  28           <td>Object (map of geomap mode to CSS cursor)</td>
  29         </tr>
  30         <tr>
  31           <th>default</th>
  32           <td><pre><code>{
  33   static: &quot;default&quot;,
  34   pan: &quot;move&quot;,
  35   zoom: &quot;crosshair&quot;,
  36   drawPoint: &quot;crosshair&quot;,
  37   drawLineString: &quot;crosshair&quot;,
  38   drawPolygon: &quot;crosshair&quot;,
  39   measureLength: &quot;crosshair&quot;,
  40   measureArea: &quot;crosshair&quot;
  41 }</code></pre></td>
  42         </tr>
  43         <tr>
  44           <th>init</th>
  45           <td><code><pre>$( <i>selector</i> ).geomap( { cursors: { pan: &quot;move&quot; } } );</pre></code></td>
  46         </tr>
  47         <tr>
  48           <th>get</th>
  49           <td><code><pre>var cursors = $( <i>selector</i> ).geomap( &quot;option&quot;, &quot;cursors&quot; );</pre></code></td>
  50         </tr>
  51         <tr>
  52           <th>set</th>
  53           <td><code><pre>$( <i>selector</i> ).geomap( &quot;option&quot;, &quot;cursors&quot;, { pan: &quot;pointer&quot; } );</pre></code></td>
  54         </tr>
  55       </table>
  56       <p>The cursors property controls which cursors appear when users move the mouse over the geomap div in any given mode. <!--For example, if the developer switches the map widget to zoom mode the cursor will turn into a crosshair by default.--></p>
  57       <p>The developer may change each geomap mode's cursor separately during both initialization of the widget or any time after.</p>
  58       <p>Sometimes the geomap widget will override the selected mode's cursor, e.g., when a user starts panning in other modes the cursor will switch to the pan mode cursor temporarily.</p>
  59     </div>
  60   </div> <!-- end of #container -->
  61
  62   <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  63   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
  64   <script src="../js/script.js"></script>
  65   <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  66 </body>
  67 </html>
  68