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

   1 <!doctype html>
   2
   3 <html lang="en" class="no-js">
   4 <head>
   5   <meta charset="utf-8">
   6
   7   <title>pannable | geomap</title>
   8   <meta name="description" content="geomap pannable option">
   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="pannable" data-role="page">
  20     <div data-role="header" data-theme="f">
  21       <h1>pannable</h1>
  22     </div>
  23
  24     <div data-role="content">
  25       <table>
  26         <tr>
  27           <th>type</th>
  28           <td>Boolean</td>
  29         </tr>
  30         <tr>
  31           <th>default</th>
  32           <td>true</td>
  33         </tr>
  34         <tr>
  35           <th>init</th>
  36           <td><pre><code>$( <i>map selector</i> ).geomap( { pannable: true } );</code></pre></td>
  37         </tr>
  38         <tr>
  39           <th>get</th>
  40           <td><pre><code>var pannable = $( <i>map selector</i> ).geomap( &quot;option&quot;, &quot;pannable&quot; );</code></pre></td>
  41         </tr>
  42         <tr>
  43           <th>set</th>
  44           <td><pre><code>$( <i>map selector</i> ).geomap( &quot;option&quot;, &quot;pannable&quot;, false );</code></pre></td>
  45         </tr>
  46       </table>
  47
  48       <p>The pannable option determines whether or not a user can pan the map.</p>
  49
  50       <p>When true, the default, users can drag the map image or tiles to change the bbox in any <a href="mode.html">mode</a> except for &quot;static&quot;. For example, they can pan the map in the middle of drawing a polygon with the drawPolygon mode.</p>
  51
  52       <p>When false, a user's dragging of the map image will not cause it to move regardless of what mode the widget is in. Developers can still make programatic changes to the bbox, such as setting options and calling methods.</p>
  53     </div>
  54   </div> <!-- end of #container -->
  55
  56   <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  57   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
  58   <script src="../js/script.js"></script>
  59   <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  60 </body>
  61 </html>
  62