libs/js/jquery-geo-1.0a4/docs/examples/mobile.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5
   6     <title>mobile</title>
   7     <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
   8
   9     <meta name="description" content="A very simple instantiation of the geomap widget for a full screen mobile app">
  10     <meta name="author" content="Ryan Westphal">
  11
  12     <link rel="stylesheet" type="text/css" href="css/style.css" />
  13   </head>
  14 <body>
  15   <div>
  16     <div id="map" style="position: fixed; left: 0; top: 0; right: 0; bottom: 0;">
  17     </div>
  18     <div class="info not-mobile" style="float: right;">
  19       <a href="../" class="docLink">&lt; docs</a>
  20       <h1>mobile</h1>
  21       <p>A full window div...geomap called, zoomed in to level 6.</p>
  22       <p>Add a <i>meta viewport</i> tag to your head element and you're good to go.</p>
  23     </div>
  24  </div>
  25   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  26   <script src="http://code.jquerygeo.com/jquery.geo-1.0a4.min.js"></script>
  27   <script>
  28     $(function () {
  29       $("#map").geomap({
  30         center: [-71.0595678, 42.3604823],
  31         zoom: 7
  32       });
  33     });
  34   </script>
  35 </body>
  36 </html>