libs/js/jquery-geo-1.0b2/docs/examples/twheat/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <title>Twheat</title>
   6   <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
   7   <meta name="description" content="Search Twitter based on location and draw the results as a heat map">
   8   <meta name="author" content="Ryan Westphal">
   9   <link rel="stylesheet" href="css/style.css" />
  10 </head>
  11 <body>
  12   <div>
  13     <div id="map">
  14       <div id="popup">
  15       </div>
  16     </div>
  17     <div id="content">
  18       <form id="loc">
  19         <label>
  20           <span>center on</span>
  21           <input type="text" name="l" autofocus />
  22         </label>
  23         <button type="submit">center</button>
  24       </form>
  25       <form id="zoom">
  26         <!--<label>
  27           <span>zoom</span>
  28           <input type="range" name="zoom" min="5" max="16" value="10" style="visibility: hidden;" />
  29         </label>-->
  30         <button id="zoomout" type="button">zoom out</button>
  31         <button id="zoomin" type="button">zoom in</button>
  32       </form>
  33       <form id="twit">
  34         <label>
  35           <span>search twitter for</span>
  36           <input type="text" name="q" />
  37         </label>
  38         <button type="submit">search</button>
  39       </form>
  40       <div class="tweet-search-info">
  41         <img id="ajaxIndicator" src="img/ajax-loader.gif" style="visibility: hidden;">
  42         <span id="appendedCount">no tweets mapped yet :(</span>
  43       </div>
  44       <div id="tweetButton"></div>
  45     </div>
  46     <div class="info not-mobile">
  47       <div class="links">
  48         <a href="http://jquerygeo.com/" class="docLink">jQuery Geo &gt;</a>
  49       </div>
  50       <h1>Twheat! <span class="two">2</span></h1>
  51       <h2>A Twitter Heat Map</h2>
  52     </div>
  53   </div>
  54   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  55   <script src="../../jquery.geo-test.min.js"></script>
  56   <script src="js/twheat.js"></script>
  57
  58   <script>
  59     var _gaq = [['_setAccount', 'UA-26084853-1'], ['_trackPageview']];
  60     (function (d, t) {
  61       var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
  62       g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
  63       s.parentNode.insertBefore(g, s);
  64     } (document, 'script'));
  65   </script>
  66 </body>
  67 </html>