3 <html lang="en" class="no-js">
7 <title>cursors | geomap</title>
8 <meta name="description" content="geomap cursors property">
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="cursors" data-role="page">
20 <div data-role="header" data-theme="f">
24 <div data-role="content">
28 <td>Object (map of geomap mode to CSS cursor)</td>
33 static: "default",
34 pan: "move",
35 zoom: "crosshair",
36 drawPoint: "crosshair",
37 drawLineString: "crosshair",
38 drawPolygon: "crosshair",
39 measureLength: "crosshair",
40 measureArea: "crosshair"
45 <td><code><pre>$( <i>selector</i> ).geomap( { cursors: { pan: "move" } } );</pre></code></td>
49 <td><code><pre>var cursors = $( <i>selector</i> ).geomap( "option", "cursors" );</pre></code></td>
53 <td><code><pre>$( <i>selector</i> ).geomap( "option", "cursors", { pan: "pointer" } );</pre></code></td>
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>
60 </div> <!-- end of #container -->
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>