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

   1 <!doctype html>
   2
   3 <html lang="en" class="no-js">
   4 <head>
   5   <meta charset="utf-8">
   6
   7   <title>click | geomap</title>
   8   <meta name="description" content="geomap click event">
   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="click" data-role="page">
  20     <div data-role="header" data-theme="a">
  21       <h1>click</h1>
  22     </div>
  23
  24     <div data-role="content">
  25       <table>
  26         <tr>
  27           <th>type</th>
  28           <td>position</td>
  29         </tr>
  30         <tr>
  31           <th>init</th>
  32           <td><code><pre>$( <i>selector</i> ).geomap( {
  33   click: function( e, geo ) { }
  34 } );</pre></code></td>
  35         </tr>
  36         <tr>
  37           <th>bind</th>
  38           <td><code><pre>$( <i>selector</i> ).bind( &quot;geomapclick&quot;, function( e, geo ) { } );
  39 } );</pre></code></td>
  40         </tr>
  41       </table>
  42       <p>The click event triggers when the user clicks or taps a point on the map and then lets go at the same point within a short time threashold. However, it only triggers if the user is not currently performing some other action which might be handled internally by the widget.</p>
  43       <p>The geo argument is a <a href="http://geojson.org/geojson-spec.html#point" rel="external">GeoJSON Point</a> object of the clicked location in map coordinates.</p>
  44     </div>
  45   </div> <!-- end of #container -->
  46
  47   <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  48   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
  49   <script src="../js/script.js"></script>
  50   <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
  51 </body>
  52 </html>
  53