3 <html lang="en" class="no-js">
7 <title>click | geomap</title>
8 <meta name="description" content="geomap click event">
9 <meta name="author" content="Ryan Westphal">
11 <meta name="viewport" content="width=device-width, initial-scale=1.0">
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" />
19 <div id="click" data-role="page">
20 <div data-role="header" data-theme="a">
24 <div data-role="content">
32 <td><code><pre>$( <i>selector</i> ).geomap( {
33 click: function( e, geo ) { }
34 } );</pre></code></td>
38 <td><code><pre>$( <i>selector</i> ).bind( "geomapclick", function( e, geo ) { } );
39 } );</pre></code></td>
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>
45 </div> <!-- end of #container -->
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>